Adopt logistics visual system across webapp

This commit is contained in:
Ruslan Bakiev
2026-04-11 08:31:34 +07:00
parent ebe72907a4
commit a74e75049c
28 changed files with 1434 additions and 240 deletions

View File

@@ -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: []
})