Nikolay Tatarinov
051719381a
- Added page transition effects in app.vue for smoother navigation. - Updated nuxt.config.ts to include custom font styles and page transitions. - Improved loading indicators in MapPageWrapper.vue and login.vue for better user experience. - Enhanced MapView.vue with a collapsible control panel and improved styling. - Introduced new icons for various components to enhance visual consistency. - Updated Tailwind CSS configuration to extend font families and improve theme management. - Refined layout styles in default.vue and admin pages for better responsiveness and aesthetics. - Implemented error handling and loading states across various forms for improved user feedback.
24 lines
790 B
Vue
24 lines
790 B
Vue
<template>
|
|
<div class="absolute inset-0">
|
|
<ClientOnly>
|
|
<div class="absolute inset-0">
|
|
<slot />
|
|
</div>
|
|
<template #fallback>
|
|
<div class="h-screen flex flex-col items-center justify-center gap-4 bg-base-200">
|
|
<span class="loading loading-spinner loading-lg text-primary" />
|
|
<p class="text-base-content/80 font-medium">Loading map…</p>
|
|
<div class="flex gap-2">
|
|
<div class="w-24 h-3 rounded bg-base-300 animate-pulse" />
|
|
<div class="w-32 h-3 rounded bg-base-300 animate-pulse" />
|
|
<div class="w-20 h-3 rounded bg-base-300 animate-pulse" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</ClientOnly>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
</script>
|