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>
51 lines
1.9 KiB
Vue
51 lines
1.9 KiB
Vue
<template>
|
||
<div class="dabout">
|
||
<div class="dabout__container">
|
||
<header class="dabout-topbar">
|
||
<button type="button" class="dabout-topbar__back" @click="router.back()">
|
||
<BasicIcon icon="vuesax-linear:arrow-right-1" size="18" />
|
||
<span>بازگشت</span>
|
||
</button>
|
||
<div class="dabout-topbar__meta">
|
||
<p class="dabout-topbar__eyebrow">اطلاعات</p>
|
||
<h1 class="dabout-topbar__title">درباره ما</h1>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="dabout-layout">
|
||
<section class="dabout-surface dabout-main">
|
||
<div class="dabout-main__intro">
|
||
<div class="dabout-main__logo">
|
||
<BasicIcon icon="vuesax-linear:info-circle" size="28" />
|
||
</div>
|
||
<div>
|
||
<h2 class="dabout-main__project">{{ config.config.name_fa }}</h2>
|
||
<p class="dabout-main__tagline">آشنایی با خدمات و چشمانداز ما</p>
|
||
</div>
|
||
</div>
|
||
|
||
<AboutSectionsContent variant="desktop" />
|
||
</section>
|
||
|
||
<aside class="dabout-surface dabout-side">
|
||
<h3 class="dabout-side__title">پشتیبانی و ارتباط</h3>
|
||
<p class="dabout-side__text">
|
||
در صورت نیاز به راهنمایی یا پاسخ به سوالات، از راههای زیر با ما در ارتباط باشید.
|
||
</p>
|
||
<AboutSupportActions variant="desktop" />
|
||
</aside>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
|
||
import router from '@/router'
|
||
import AboutSectionsContent from '../components/AboutSectionsContent.vue'
|
||
import AboutSupportActions from '../components/AboutSupportActions.vue'
|
||
import { useAboutPageContext } from '../composables/useAboutPage'
|
||
|
||
const { config } = useAboutPageContext()
|
||
</script>
|