Adopt logistics visual system across webapp
This commit is contained in:
10
app/app.vue
10
app/app.vue
@@ -1,15 +1,15 @@
|
||||
<template>
|
||||
<NuxtLoadingIndicator :height="4" :duration="3000" color="#16a34a" />
|
||||
<NuxtLoadingIndicator :height="4" :duration="3000" color="#2f2418" />
|
||||
|
||||
<Transition name="route-loader-fade">
|
||||
<div
|
||||
v-if="routeLoading"
|
||||
class="fixed inset-0 z-[999] flex items-center justify-center bg-base-100/45 backdrop-blur-sm"
|
||||
class="fixed inset-0 z-[999] flex items-center justify-center bg-[#f5efe7]/65 backdrop-blur-sm"
|
||||
aria-live="polite"
|
||||
aria-busy="true"
|
||||
>
|
||||
<div class="flex items-center gap-3 rounded-full border border-base-300 bg-base-100/90 px-5 py-3 shadow-xl">
|
||||
<span class="loading loading-spinner loading-md text-primary" />
|
||||
<div class="flex items-center gap-3 rounded-full border border-[#ded2bf] bg-white/92 px-5 py-3 shadow-[0_18px_40px_rgba(47,36,24,0.12)]">
|
||||
<span class="loading loading-spinner loading-md text-[#2f2418]" />
|
||||
<span class="text-sm font-medium text-base-content">{{ t('common.loading') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -26,7 +26,7 @@ const { t } = useI18n()
|
||||
|
||||
useHead({
|
||||
htmlAttrs: {
|
||||
'data-theme': 'cupcake',
|
||||
'data-theme': 'silk',
|
||||
},
|
||||
script: []
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user