add default layout
This commit is contained in:
10
app/app.vue
10
app/app.vue
@@ -1,17 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<NuxtRouteAnnouncer />
|
<NuxtRouteAnnouncer />
|
||||||
<NuxtPage />
|
<NuxtLayout>
|
||||||
<SearchModal />
|
<NuxtPage />
|
||||||
<Loader />
|
</NuxtLayout>
|
||||||
<Player />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import SearchModal from '~/components/SearchModal.vue'
|
|
||||||
import Player from '~/components/player.vue'
|
|
||||||
import Loader from '~/components/Loader.vue'
|
|
||||||
import { useUiStore } from '~/store/ui'
|
import { useUiStore } from '~/store/ui'
|
||||||
import { usePlayerStore } from '~/store/player'
|
import { usePlayerStore } from '~/store/player'
|
||||||
import { watch, computed } from 'vue'
|
import { watch, computed } from 'vue'
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="w-full min-h-screen flex flex-col items-center bg-gray-50">
|
<div class="w-full min-h-screen flex flex-col items-center bg-gray-50">
|
||||||
<!-- Header avec logo -->
|
<!-- Header avec logo -->
|
||||||
<header class="w-full py-4 px-6 bg-white shadow-sm">
|
<header class="w-full py-4 px-6 bg-white shadow-sm">
|
||||||
<div class="max-w-7xl mx-auto w-full">
|
<div class="max-w-7xl mx-auto w-full flex justify-center">
|
||||||
<div @click="navigateToHome" class="cursor-pointer inline-block">
|
<div @click="navigateToHome" class="cursor-pointer inline-block">
|
||||||
<logo />
|
<logo />
|
||||||
</div>
|
</div>
|
||||||
@@ -15,7 +15,9 @@
|
|||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- Player de musique fixe en bas -->
|
<!-- Player de musique fixe en bas -->
|
||||||
<player class="w-full border-t border-gray-200" />
|
<SearchModal />
|
||||||
|
<Loader />
|
||||||
|
<Player class="w-full border-t border-gray-200" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -1,7 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<boxes />
|
||||||
<boxes />
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|||||||
@@ -1,7 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<boxes />
|
||||||
<boxes />
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|||||||
@@ -1,7 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<boxes />
|
||||||
<boxes />
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|||||||
Reference in New Issue
Block a user