GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-07 00:36:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(DefaultLayout): improve code formatting and style consistency

Browse Source
This commit is contained in:
jxxghp
2026-06-16 14:36:13 +08:00
parent bf22a4809d
commit 33599cc21d
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/components/DefaultLayout.vue
+16 -6
View File
@@ -320,7 +320,7 @@ function closeHorizontalNavGroup() {
} }
function resolveMaybeRefValue<T>(value: T | ComputedRef<T> | undefined, fallback: T): T { function resolveMaybeRefValue<T>(value: T | ComputedRef<T> | undefined, fallback: T): T {
return isRef(value) ? value.value : value ?? fallback return isRef(value) ? value.value : (value ?? fallback)
} }
function resolveHeaderButtonColor(button: DynamicHeaderTabButton) { function resolveHeaderButtonColor(button: DynamicHeaderTabButton) {
@@ -695,6 +695,8 @@ onMounted(async () => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
/* stylelint-disable selector-pseudo-class-no-unknown */
.main-content-wrapper { .main-content-wrapper {
backface-visibility: hidden; backface-visibility: hidden;
block-size: 100%; block-size: 100%;
@@ -774,10 +776,10 @@ onMounted(async () => {
.theme-horizontal-nav { .theme-horizontal-nav {
display: flex; display: flex;
overflow-x: auto;
align-items: center; align-items: center;
block-size: 3.25rem; block-size: 3.25rem;
gap: 0.25rem; gap: 0.25rem;
overflow-x: auto;
padding-block: 0.25rem 0.5rem; padding-block: 0.25rem 0.5rem;
padding-inline: 0.5rem; padding-inline: 0.5rem;
scrollbar-width: none; scrollbar-width: none;
@@ -814,14 +816,18 @@ onMounted(async () => {
border-radius: 50%; border-radius: 50%;
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
background: rgba(var(--v-theme-surface), 0.3); background: rgba(var(--v-theme-surface), 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 10%), 0 1px 3px rgba(0, 0, 0, 6%); box-shadow:
0 1px 2px rgba(0, 0, 0, 10%),
0 1px 3px rgba(0, 0, 0, 6%);
inset-block-start: calc( inset-block-start: calc(
env(safe-area-inset-top, 0px) + 4rem + var(--pull-indicator-navbar-extra-height, 0rem) + 0.75rem env(safe-area-inset-top, 0px) + 4rem + var(--pull-indicator-navbar-extra-height, 0rem) + 0.75rem
); );
inset-inline-start: 50%; inset-inline-start: 50%;
pointer-events: none; pointer-events: none;
transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);
transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition:
opacity 0.2s ease,
transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: opacity, transform; will-change: opacity, transform;
} }
@@ -842,7 +848,9 @@ html[class*='mica'] .pull-indicator,
html[class*='acrylic'] .pull-indicator { html[class*='acrylic'] .pull-indicator {
border: 1px solid rgba(255, 255, 255, 20%); border: 1px solid rgba(255, 255, 255, 20%);
background: rgba(255, 255, 255, 95%); background: rgba(255, 255, 255, 95%);
box-shadow: 0 8px 32px rgba(0, 0, 0, 12%), 0 4px 16px rgba(0, 0, 0, 8%); box-shadow:
0 8px 32px rgba(0, 0, 0, 12%),
0 4px 16px rgba(0, 0, 0, 8%);
} }
html[class*='transparent'] .indicator-icon, html[class*='transparent'] .indicator-icon,
@@ -856,7 +864,9 @@ html[data-theme='dark'][class*='mica'] .pull-indicator,
html[data-theme='dark'][class*='acrylic'] .pull-indicator { html[data-theme='dark'][class*='acrylic'] .pull-indicator {
border: 1px solid rgba(255, 255, 255, 10%); border: 1px solid rgba(255, 255, 255, 10%);
background: rgba(18, 18, 18, 95%); background: rgba(18, 18, 18, 95%);
box-shadow: 0 8px 32px rgba(0, 0, 0, 30%), 0 4px 16px rgba(0, 0, 0, 20%); box-shadow:
0 8px 32px rgba(0, 0, 0, 30%),
0 4px 16px rgba(0, 0, 0, 20%);
} }
html[data-theme='dark'][class*='transparent'] .indicator-icon, html[data-theme='dark'][class*='transparent'] .indicator-icon,