GitHub/015
1
0
Fork 0
mirror of https://github.com/keven1024/015.git synced 2026-05-26 07:08:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(front): update Navbar and default layout for improved sticky behavior and background image

Browse Source
This commit is contained in:
keven1024
2025-06-01 21:21:25 +08:00
parent fc7f53faeb
commit dfe75c314a
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/components/Navbar.vue
View File

@@ -1,6 +1,6 @@
<template>
<div
class="flex flex-row bg-white/50 backdrop-blur-xl p-2 rounded-full gap-1"
class="flex flex-row bg-white/50 backdrop-blur-xl p-2 rounded-full gap-1 sticky top-0 z-10"
>
<div
v-for="item in routes"

20
front/layouts/default.vue
View File

@@ -1,16 +1,20 @@
<script lang="ts" setup>
import { Toaster } from 'vue-sonner'
await useSeo()
import { Toaster } from "vue-sonner";
await useSeo();
</script>
<template>
<div class="h-screen w-screen ">
<div class="h-screen w-screen">
<GlobalDrawer />
<img class="w-full h-full object-cover absolute inset-0 -z-[1]" src="https://fuwari.vercel.app/_astro/demo-banner.DFyx781H_Z1gN7UP.webp" />
<Toaster position="top-center" richColors closeButton />
<div class=" h-full w-full flex flex-col items-center lg:p-10 p-5">
<Toaster position="top-center" richColors closeButton />
<img
class="w-full h-full object-cover absolute inset-0 -z-[1]"
src="https://fuwari.vercel.app/_astro/demo-banner.DFyx781H_Z1gN7UP.webp"
/>
<div
class="h-full w-full flex flex-col items-center lg:p-10 p-5 overflow-y-auto"
>
<Navbar />
<slot />
</div>
</div>
</template>
</template>