GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-10 16:13:28 +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

4
src/@layouts/components/VerticalNav.vue
View File

@@ -53,8 +53,8 @@ function handleNavScroll(evt: Event) {
<RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper">
<ThemeLogoMark />
<h1 class="font-weight-bold leading-normal text-xl">
MOVIEPILOT <span class="text-sm text-gray-500">v2</span>
<h1 class="leading-normal text-xl">
<span class="moviepilot-wordmark">MOVIEPILOT</span> <span class="text-sm text-gray-500">v2</span>
</h1>
</RouterLink>
</slot>

2
src/layouts/default/components/DefaultLayout.vue
View File

@@ -513,7 +513,7 @@ onMounted(async () => {
>
<RouterLink v-if="showHorizontalThemeNav" :to="canAdmin ? '/dashboard' : '/apps'" class="theme-horizontal-logo">
<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>
<!-- 👉 Vertical Nav Toggle -->
<IconBtn v-if="!appMode && display.mdAndDown.value" class="ms-n2" @click="toggleVerticalOverlayNavActive(true)">

9
src/pages/login.vue
View File

@@ -799,7 +799,7 @@ onUnmounted(() => {
<!-- 卡片头部：Logo + 标题 + 欢迎语 -->
<div class="login-head">
<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>
</OpticalLogoLab>
</div>
@@ -1141,14 +1141,7 @@ onUnmounted(() => {
.login-title {
margin: 0;
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-weight: 800;
letter-spacing: 0.03em;
line-height: 1.2;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
touch-action: manipulation;
user-select: none;
-webkit-user-select: none;

11
src/styles/common.scss
View File

@@ -1407,6 +1407,17 @@ html[data-theme='transparent'].transparent-glass-realtime .v-theme--transparent
--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: 1px 1px #777;
}