Files
evilspins/app/layouts/default.vue
valere 34d22b3b17
All checks were successful
Deploy App / build (push) Successful in 43s
Deploy App / deploy (push) Successful in 41s
evilSpins v1
2025-11-04 22:41:41 +01:00

32 lines
810 B
Vue

<template>
<div class="w-full min-h-screen flex flex-col items-center bg-gray-50">
<!-- Header avec logo -->
<header
class="w-full bg-white shadow-sm overflow-hidden transition-all duration-300 ease-in-out"
:class="{ 'h-0 py-0': uiStore.getSelectedBox, 'py-4 h-auto': !uiStore.getSelectedBox }"
>
<div class="max-w-7xl mx-auto w-full flex justify-center">
<a href="/" class="inline-block">
<logo />
</a>
</div>
</header>
<!-- Contenu principal -->
<main>
<slot />
</main>
<!-- Player de musique fixe en bas -->
<searchModal />
<loader />
<Player class="w-full border-t border-gray-200" />
</div>
</template>
<script setup>
import { useUiStore } from '~/store/ui'
const uiStore = useUiStore()
</script>