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