Split desktop and mobile layouts with shared page data so APIs fetch once per context.
Add layout shells, desktop views, module-level page caches, and UI fixes for auth, home, wallet, transactions, address, and related pages. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -33,16 +33,7 @@ $total-items: 6
|
||||
animation: 1s ease slideInFromRight
|
||||
animation-fill-mode: both
|
||||
|
||||
//@if($counter < 13)
|
||||
// .animate > div
|
||||
animation: 1s ease 0s 1 slideInFromRight
|
||||
animation-fill-mode: both
|
||||
//transform: translateX(100%)
|
||||
//@for $i from 1 through $total-items
|
||||
// .animate:nth-child(#{$i})
|
||||
// animation-delay: .25s * $i
|
||||
|
||||
//transform: translateX(100%)
|
||||
// Duplicate animation block removed — was leaking styles without a selector
|
||||
|
||||
@keyframes slideInFromRight
|
||||
0%
|
||||
|
||||
@@ -0,0 +1,38 @@
|
||||
<template>
|
||||
<div :class="variant === 'desktop' ? 'dpage-support' : 'wrap-fix bottom-0 px-10 pb-3rem flex gap-2 bg-white'">
|
||||
<a class="w-full" :href="supportHref">
|
||||
<BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
|
||||
</a>
|
||||
<a :href="baleHref" target="_blank" rel="noopener noreferrer">
|
||||
<img src="@/assets/img/bale.png" alt="بله" :class="variant === 'desktop' ? 'dpage-support__bale' : 'h-10 w-10'" />
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed } from 'vue'
|
||||
import BasicButton from '@/components/BasicPacks/BasicButton.vue'
|
||||
import { useConfigStore } from '@/store/configStore'
|
||||
import { getProjectBaleLink, getProjectSupportPhoneLink } from '@/utils/config'
|
||||
|
||||
withDefaults(
|
||||
defineProps<{
|
||||
variant?: 'mobile' | 'desktop'
|
||||
}>(),
|
||||
{ variant: 'mobile' },
|
||||
)
|
||||
|
||||
const config = useConfigStore()
|
||||
|
||||
const supportHref = computed(() =>
|
||||
config.config.name === 'garoosi'
|
||||
? 'tel:09031265925'
|
||||
: getProjectSupportPhoneLink(),
|
||||
)
|
||||
|
||||
const baleHref = computed(() =>
|
||||
config.config.name === 'garoosi'
|
||||
? 'https://ble.ir/garoosigallery'
|
||||
: getProjectBaleLink(),
|
||||
)
|
||||
</script>
|
||||
Reference in New Issue
Block a user