Skip to content

Commit c9b86ae

Browse files
committed
feat: 窗格顶部导航栏,未测试
1 parent 59a3ad7 commit c9b86ae

1 file changed

Lines changed: 16 additions & 1 deletion

File tree

app/layouts/default.vue

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,14 @@
3030
</div>
3131
</div>
3232

33+
<div class="grid-nav border-b border-neutral-300 bg-white/20 backdrop-blur-lg">
34+
<nav class="flex items-center h-full px-4 space-x-6">
35+
<NuxtLink to="/history" class="text-sm font-medium text-gray-700 hover:text-blue-600 transition-colors">
36+
测试测试测试
37+
</NuxtLink>
38+
</nav>
39+
</div>
40+
3341
<div class="grid-main overflow-y-scroll">
3442
<slot />
3543
</div>
@@ -91,10 +99,11 @@ const { toggle } = useFullscreen();
9199
display: grid;
92100
grid-template-areas:
93101
'menu header'
102+
'menu nav'
94103
'menu main'
95104
'dot footer';
96105
grid-template-columns: 3rem 1fr;
97-
grid-template-rows: 3rem 1fr 3rem;
106+
grid-template-rows: 3rem 2rem 1fr 3rem;
98107
}
99108
100109
.grid-menu {
@@ -116,4 +125,10 @@ const { toggle } = useFullscreen();
116125
.grid-dot {
117126
grid-area: dot;
118127
}
128+
129+
.grid-nav {
130+
grid-area: nav;
131+
display: flex;
132+
padding: 0 1rem;
133+
}
119134
</style>

0 commit comments

Comments
 (0)