dan/Nertivia-Client
1
0
Fork 0
mirror of https://github.com/danbulant/Nertivia-Client synced 2026-07-05 02:50:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

gifs should restart from the beginning

Browse source
This commit is contained in:
supertiger1234 2020-01-26 12:00:11 +00:00
parent 1398ce5db6
commit 804f5518a5
2 changed files with 21 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/components/ProfilePictureTemplate.vue
View file

@ -13,17 +13,20 @@
'20px'}` '20px'}`
" "
/> />
<div
:class="`inner-profile-picture ${$props.hover ? 'hoverable' : ''}`" <img
:style=" class="inner-profile-picture"
`${ :class="{ hoverable: $props.hover }"
status || status === 0 :style="{
? 'border: solid 3px ' + statusColor.statusColor height: $props.size,
: '' width: $props.size,
}; height: ${$props.size}; width: ${ border: `${
$props.size statusColor === undefined
}; background-image: url(${$props.url})` ? undefined
" : 'solid 3px' + statusColor.statusColor
}`
}"
:src="$props.url"
/> />
</div> </div>
</div> </div>
@ -76,6 +79,7 @@ export default {
}, },
statusColor() { statusColor() {
let status = this.status; let status = this.status;
if (status === undefined) return undefined;
return { return {
statusName: statuses[parseInt(status)].name, statusName: statuses[parseInt(status)].name,
statusURL: statuses[parseInt(status)].url, statusURL: statuses[parseInt(status)].url,
@ -101,9 +105,7 @@ export default {
background-color: rgba(0, 0, 0, 0.315); background-color: rgba(0, 0, 0, 0.315);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
border-radius: 50%; border-radius: 50%;
background-position: center; object-fit: cover;
background-size: cover;
background-repeat: no-repeat;
display: flex; display: flex;
transition: 0.2s; transition: 0.2s;
backface-visibility: hidden; backface-visibility: hidden;

13
src/components/app/ServerList.vue
View file

@ -10,15 +10,13 @@
:class="{ extendBanner: server && server.banner }" :class="{ extendBanner: server && server.banner }"
v-if="selectedServerID" v-if="selectedServerID"
> >
<div <img
class="banner-image" class="banner-image"
@click="bannerImageClicked" @click="bannerImageClicked"
v-if="server && server.banner" v-if="server && server.banner"
:style="{ :src="
backgroundImage: `url(${bannerDomain}${server.banner}${ `${bannerDomain}${server.banner}${bannerHover ? '' : '?type=webp'}`
bannerHover ? '' : '?type=webp' "
})`
}"
/> />
<div class="sub-banner"> <div class="sub-banner">
<div class="text" :title="servers[selectedServerID].name"> <div class="text" :title="servers[selectedServerID].name">
@ -175,8 +173,7 @@ export default {
} }
.banner-image { .banner-image {
position: absolute; position: absolute;
background-position: center; object-fit: cover;
background-size: cover;
height: 100%; height: 100%;
z-index: 2; z-index: 2;
width: 100%; width: 100%;