safavimohadeseh78andCursor
a5e458ed25
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>
41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
import router from '@/router'
|
|
import HomeQuickActionBox from '../../components/HomeQuickActionBox.vue'
|
|
import DesktopHomeCard from './DesktopHomeCard.vue'
|
|
import { boursecuQuickActions } from '../../layouts/configs/boursecuQuickActions'
|
|
import type { HomeQuickActionItem } from '../../layouts/types'
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
actions?: HomeQuickActionItem[]
|
|
}>(),
|
|
{
|
|
actions: () => boursecuQuickActions,
|
|
},
|
|
)
|
|
|
|
function handleClick(action: HomeQuickActionItem) {
|
|
router.push(action.route)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<DesktopHomeCard title="دسترسی سریع">
|
|
<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 xl:grid-cols-6">
|
|
<HomeQuickActionBox
|
|
v-for="action in props.actions"
|
|
:key="action.id"
|
|
:action="action"
|
|
class="home-desktop-quick-action"
|
|
@click="handleClick(action)"
|
|
/>
|
|
</div>
|
|
</DesktopHomeCard>
|
|
</template>
|
|
|
|
<style scoped>
|
|
:deep(.home-desktop-quick-action) {
|
|
min-height: 108px;
|
|
}
|
|
</style>
|