chore: 🎨 format

This commit is contained in:
ThatOneCalculator 2023-07-09 20:46:58 -07:00
parent a5f84ec30b
commit 645480f889
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
3 changed files with 21 additions and 13 deletions

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;
}
}
}

View File

@ -26,12 +26,13 @@
class="banner"
:style="{
backgroundImage: `url('${user.bannerUrl}')`,
'--backgroundImageStatic': defaultStore
.state.useBlurEffect && user.bannerUrl
? `url('${getStaticImageUrl(
user.bannerUrl,
)}')`
: null,
'--backgroundImageStatic':
defaultStore.state.useBlurEffect &&
user.bannerUrl
? `url('${getStaticImageUrl(
user.bannerUrl,
)}')`
: null,
}"
></div>
<div class="fade"></div>

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;