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>
33 lines
999 B
Vue
33 lines
999 B
Vue
<script setup lang="ts">
|
|
import { computed, toValue } from 'vue'
|
|
import { useHomePageContext } from '../../composables/useHomePage'
|
|
import { price } from '@/utils/price'
|
|
import CurrentPrice from '../../components/CurrentPrice.vue'
|
|
import PriceStats from '../../components/PriceStats.vue'
|
|
import DesktopHomeCard from './DesktopHomeCard.vue'
|
|
|
|
const ctx = useHomePageContext()
|
|
const statsLayout = computed(() => (toValue(ctx.isBoursecuHomeLayout) ? 'boursecu' : 'default'))
|
|
</script>
|
|
|
|
<template>
|
|
<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
|
|
<DesktopHomeCard title="قیمت لحظهای">
|
|
<CurrentPrice class="home-desktop-current-price" />
|
|
</DesktopHomeCard>
|
|
|
|
<DesktopHomeCard title="بازه قیمت امروز">
|
|
<PriceStats variant="desktop" :price="price" :layout="statsLayout" />
|
|
</DesktopHomeCard>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
:deep(.home-desktop-current-price) {
|
|
margin-top: 0;
|
|
border: none;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
</style>
|