jlocal/jingrow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show app name next to logo and make header full width

Browse Source
This commit is contained in:
jingrow 2025-12-21 21:07:28 +08:00
parent 6dce73f6b4
commit 4370f1a8d7
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/jingrow/frontend/src/views/HomePage.vue
View File

@ -901,7 +901,7 @@ onUnmounted(() => {
<div class="header-left"> <div class="header-left">
<router-link to="/" class="logo-link"> <router-link to="/" class="logo-link">
<img v-if="logoUrl" :src="logoUrl" :alt="appName" class="logo-img" /> <img v-if="logoUrl" :src="logoUrl" :alt="appName" class="logo-img" />
<span v-else class="logo-text">{{ appName }}</span> <span class="logo-text">{{ appName }}</span>
</router-link> </router-link>
</div> </div>
<div class="header-right"> <div class="header-right">
@ -1328,8 +1328,6 @@ onUnmounted(() => {
.header-container { .header-container {
width: 100%; width: 100%;
max-width: 1400px;
margin: 0 auto;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -1344,9 +1342,10 @@ onUnmounted(() => {
.logo-link { .logo-link {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px;
text-decoration: none; text-decoration: none;
color: #1f2937; color: #1f2937;
font-size: 20px; font-size: 16px;
font-weight: 700; font-weight: 700;
transition: opacity 0.2s; transition: opacity 0.2s;
@ -1356,13 +1355,14 @@ onUnmounted(() => {
} }
.logo-img { .logo-img {
height: 40px; height: 32px;
width: auto; width: auto;
} }
.logo-text { .logo-text {
font-size: 24px; font-size: 16px;
font-weight: 700; font-weight: 700;
white-space: nowrap;
} }
.header-right { .header-right {