💄 Optimized navbar

🍱 Add solian icons, optimize original icons
This commit is contained in:
2024-08-10 13:26:58 +08:00
parent 166eea22aa
commit b923f59fb4
10 changed files with 66 additions and 29 deletions

View File

@ -1,15 +1,15 @@
<template>
<v-app-bar flat color="primary">
<v-container class="mx-auto d-flex align-center justify-center px-8">
<v-container fluid class="mx-auto d-flex align-center justify-center px-8">
<nuxt-link to="/" exact>
<v-avatar class="me-4" color="transparent" size="32" :image="Logo" />
<v-avatar class="me-4 ms-1" color="transparent" size="32" :image="Logo" />
</nuxt-link>
<v-btn variant="text" text="Products" to="/products" exact />
<v-spacer></v-spacer>
<v-btn href="https://id.solsynth.dev" target="_blank" icon>
<v-btn href="https://id.solsynth.dev" target="_blank" icon slim>
<v-avatar size="small" color="transparent" icon="mdi-account-circle" />
</v-btn>
</v-container>
@ -21,5 +21,5 @@
</template>
<script setup lang="ts">
import Logo from "../assets/logo.png"
import Logo from "../assets/logo-w-shadow.png"
</script>