chore: 🎨 format
This commit is contained in:
parent
a5f84ec30b
commit
645480f889
|
@ -230,7 +230,9 @@ watch(
|
|||
[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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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,
|
||||
)}')`
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue