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

Unify MoviePilot wordmark styling across layouts

Browse Source
This commit is contained in:
jxxghp
2026-07-30 14:51:50 +08:00
parent d29a008e13
commit f761c59637
4 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/@layouts/components/VerticalNav.vue
+2 -2
View File
@@ -53,8 +53,8 @@ function handleNavScroll(evt: Event) {
<RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper"> <RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper">
<ThemeLogoMark /> <ThemeLogoMark />
<h1 class="font-weight-bold leading-normal text-xl"> <h1 class="leading-normal text-xl">
MOVIEPILOT <span class="text-sm text-gray-500">v2</span> <span class="moviepilot-wordmark">MOVIEPILOT</span> <span class="text-sm text-gray-500">v2</span>
</h1> </h1>
</RouterLink> </RouterLink>
</slot> </slot>
src/layouts/default/components/DefaultLayout.vue
+1 -1
View File
@@ -513,7 +513,7 @@ onMounted(async () => {
> >
<RouterLink v-if="showHorizontalThemeNav" :to="canAdmin ? '/dashboard' : '/apps'" class="theme-horizontal-logo"> <RouterLink v-if="showHorizontalThemeNav" :to="canAdmin ? '/dashboard' : '/apps'" class="theme-horizontal-logo">
<ThemeLogoMark class="theme-horizontal-logo__mark" /> <ThemeLogoMark class="theme-horizontal-logo__mark" />
<span class="theme-horizontal-logo__text">MOVIEPILOT</span> <span class="theme-horizontal-logo__text moviepilot-wordmark">MOVIEPILOT</span>
</RouterLink> </RouterLink>
<!-- 👉 Vertical Nav Toggle --> <!-- 👉 Vertical Nav Toggle -->
<IconBtn v-if="!appMode && display.mdAndDown.value" class="ms-n2" @click="toggleVerticalOverlayNavActive(true)"> <IconBtn v-if="!appMode && display.mdAndDown.value" class="ms-n2" @click="toggleVerticalOverlayNavActive(true)">
src/pages/login.vue
+1 -8
View File
@@ -799,7 +799,7 @@ onUnmounted(() => {
<!-- 卡片头部：Logo + 标题 + 欢迎语 --> <!-- 卡片头部：Logo + 标题 + 欢迎语 -->
<div class="login-head"> <div class="login-head">
<OpticalLogoLab class="login-logo" :locale="currentLocale" @logo-click="handleLabTap('logo')"> <OpticalLogoLab class="login-logo" :locale="currentLocale" @logo-click="handleLabTap('logo')">
<h1 class="login-title" @click="handleLabTap('title')">MoviePilot</h1> <h1 class="login-title moviepilot-wordmark" @click="handleLabTap('title')">MoviePilot</h1>
<p class="login-subtitle">{{ t('login.welcomeBack') || 'Welcome Back' }}</p> <p class="login-subtitle">{{ t('login.welcomeBack') || 'Welcome Back' }}</p>
</OpticalLogoLab> </OpticalLogoLab>
</div> </div>
@@ -1141,14 +1141,7 @@ onUnmounted(() => {
.login-title { .login-title {
margin: 0; margin: 0;
animation: text-enter 600ms cubic-bezier(0.16, 1, 0.3, 1) 200ms both; animation: text-enter 600ms cubic-bezier(0.16, 1, 0.3, 1) 200ms both;
background: linear-gradient(135deg, rgb(var(--v-theme-on-surface)) 30%, rgba(var(--v-theme-primary), 1) 100%);
background-clip: text;
font-size: 1.85rem; font-size: 1.85rem;
font-weight: 800;
letter-spacing: 0.03em;
line-height: 1.2;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
touch-action: manipulation; touch-action: manipulation;
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
src/styles/common.scss
+11
View File
@@ -1407,6 +1407,17 @@ html[data-theme='transparent'].transparent-glass-realtime .v-theme--transparent
--tw-gradient-to: #c084fc; --tw-gradient-to: #c084fc;
} }
// 登录页与主框架共用的品牌文字效果。
.moviepilot-wordmark {
background: linear-gradient(135deg, rgb(var(--v-theme-on-surface)) 30%, rgba(var(--v-theme-primary), 1) 100%);
background-clip: text;
font-weight: 800;
letter-spacing: 0.03em;
line-height: 1.2;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
}
.text-shadow { .text-shadow {
text-shadow: 1px 1px #777; text-shadow: 1px 1px #777;
} }