hueso/P2Pix-Front-End
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix main container responsivity

Browse Source
This commit is contained in:
Vagner
2024-10-13 00:03:06 -03:00
parent 53d52f3a14
commit b61dfb2de0
2 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/App.vue
View File

@@ -7,23 +7,25 @@ const route = useRoute();
</script>
<template>
<TopBar />
<RouterView v-slot="{ Component }">
<template v-if="Component">
<Transition name="page" mode="out-in" appear>
<div :key="route.fullPath">
<Suspense >
<template #default >
<component :is="Component" />
</template>
<template #fallback>
<div class="flex w-full h-full justify-center items-center">
<SpinnerComponent :width="'16'" :height="'16'" />
</div>
</template>
</Suspense>
</div>
</Transition>
</template>
</RouterView>
<div class="p-3 sm:p-4 md:p-8">
<TopBar />
<RouterView v-slot="{ Component }">
<template v-if="Component">
<Transition name="page" mode="out-in" appear>
<div :key="route.fullPath">
<Suspense >
<template #default >
<component :is="Component" />
</template>
<template #fallback>
<div class="flex w-full h-full justify-center items-center">
<SpinnerComponent :width="'16'" :height="'16'" />
</div>
</template>
</Suspense>
</div>
</Transition>
</template>
</RouterView>
</div>
</template>