limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-13 13:37:31 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: 🎨 format

Browse source
This commit is contained in:
ThatOneCalculator 2023-07-09 20:46:58 -07:00
parent 1da503eb11
commit 7a6c602bab
3 changed files with 21 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/client/src/components/MkMedia.vue
View file

@ -226,11 +226,13 @@ watch(
display: flex;
min-width: max-content;
width: 110px;
transition: width 0.2s cubic-bezier(0,0,0,1);
transition: width 0.2s cubic-bezier(0, 0, 0, 1);
[data-plyr="volume"] {
width: 0;
flex-grow: 1;
transition: margin 0.3s, opacity .2s 0.2s;
transition:
margin 0.3s,
opacity 0.2s 0.2s;
}
&:not(:hover):not(:focus-within) {
width: 0px;
@ -238,7 +240,9 @@ watch(
[data-plyr="volume"] {
margin-inline: 0px;
opacity: 0;
transition: margin 0.3s, opacity 0.1s;
transition:
margin 0.3s,
opacity 0.1s;
}
}
}

5
packages/client/src/pages/user/home.vue
View file

@ -26,8 +26,9 @@
class="banner"
:style="{
backgroundImage: `url('${user.bannerUrl}')`,
'--backgroundImageStatic': defaultStore
.state.useBlurEffect && user.bannerUrl
'--backgroundImageStatic':
defaultStore.state.useBlurEffect &&
user.bannerUrl
? `url('${getStaticImageUrl(
user.bannerUrl,
)}')`

11
packages/client/src/ui/_common_/navbar.vue
View file

@ -285,7 +285,8 @@ function more(ev: MouseEvent) {
box-sizing: border-box;
color: var(--navFg);
&:before, &.post::after {
&:before,
&.post::after {
content: "";
display: block;
width: calc(100% - 34px);
@ -342,7 +343,9 @@ function more(ev: MouseEvent) {
&.active {
color: var(--accent);
opacity: 1;
transition: color 0.4s, opacity 0.4s;
transition:
color 0.4s,
opacity 0.4s;
&::before {
opacity: 1;
}
@ -536,7 +539,6 @@ function more(ev: MouseEvent) {
width: calc(100% - 32px);
border-top: solid 0.5px var(--divider);
}
}
}
.nav-item {
@ -571,7 +573,8 @@ function more(ev: MouseEvent) {
width: 100%;
height: 52px;
margin-bottom: 16px;
&:before, &::after {
&:before,
&::after {
inset: 0;
margin: auto;
width: 52px;