clean style
This commit is contained in:
15
app/app.vue
15
app/app.vue
@@ -4,20 +4,7 @@
|
|||||||
<NuxtPage />
|
<NuxtPage />
|
||||||
<SearchModal />
|
<SearchModal />
|
||||||
<Loader />
|
<Loader />
|
||||||
|
|
||||||
<!-- Persistent audio player across routes -->
|
|
||||||
<Player />
|
<Player />
|
||||||
|
|
||||||
<!-- Mobile-only floating search button -->
|
|
||||||
<button v-if="$isMobile" @click="ui.openSearch()"
|
|
||||||
class="fixed bottom-4 right-4 z-50 inline-flex h-12 w-12 items-center justify-center rounded-full bg-esyellow text-slate-800 shadow-lg ring-1 ring-slate-300 hover:brightness-95 active:brightness-90 dark:ring-slate-600"
|
|
||||||
aria-label="Rechercher">
|
|
||||||
<svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
||||||
stroke-linejoin="round">
|
|
||||||
<circle cx="11" cy="11" r="8" />
|
|
||||||
<path d="m21 21-4.3-4.3" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -34,7 +21,7 @@ const player = usePlayerStore()
|
|||||||
const { $isMobile } = useNuxtApp()
|
const { $isMobile } = useNuxtApp()
|
||||||
useHead({
|
useHead({
|
||||||
bodyAttrs: {
|
bodyAttrs: {
|
||||||
class: 'bg-slate-100 dark:bg-slate-900'
|
class: 'bg-slate-100'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<header class="py-4">
|
<header class="py-4">
|
||||||
<img class="logo p-1 w-80" src="/logo.svg" alt="">
|
<img class="logo w-80" src="/logo.svg" alt="">
|
||||||
<h1 class="dark:text-white text-center">
|
<h1 class="text-center">
|
||||||
mix-tapes
|
mix-tapes
|
||||||
</h1>
|
</h1>
|
||||||
</header>
|
</header>
|
||||||
|
|||||||
@@ -23,6 +23,6 @@ onMounted(async () => {
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.logo {
|
.logo {
|
||||||
filter: drop-shadow(2px 2px 0 rgb(0 0 0 / 0.8));
|
filter: drop-shadow(3px 3px 0 rgb(0 0 0 / 0.7));
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 20 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 20 KiB |
Reference in New Issue
Block a user