Goatworks/Capital
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Better nav links on mobile

Browse Source
This commit is contained in:
LittleSheep 2024-08-11 22:21:13 +08:00
parent 91cc88ec69
commit b5f5d2d22f
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
layouts/default.vue
View File

@ -5,9 +5,11 @@
<v-avatar class="me-4 ms-1" color="transparent" size="32" :image="Logo" /> <v-avatar class="me-4 ms-1" color="transparent" size="32" :image="Logo" />
</nuxt-link> </nuxt-link>
<v-btn variant="text" text="Products" to="/products" exact /> <div class="nav-links overflow-y-auto flex">
<v-btn variant="text" text="Activity" to="/activity" exact /> <v-btn variant="text" text="Products" to="/products" exact />
<v-btn variant="text" text="Gallery" to="/gallery" exact /> <v-btn variant="text" text="Activity" to="/activity" exact />
<v-btn variant="text" text="Gallery" to="/gallery" exact />
</div>
<v-spacer></v-spacer> <v-spacer></v-spacer>
@ -25,3 +27,14 @@
<script setup lang="ts"> <script setup lang="ts">
import Logo from "../assets/logo-w-shadow.png" import Logo from "../assets/logo-w-shadow.png"
</script> </script>
<style scoped>
.nav-links::-webkit-scrollbar {
display: none;
}
.nav-links {
-ms-overflow-style: none;
scrollbar-width: none;
}
</style>