27 lines
769 B
Vue
27 lines
769 B
Vue
<template>
|
|
<div class="gift-card-mobile">
|
|
<MobilePageHeader title="کارت هدیه" show-back />
|
|
|
|
<div class="gift-card-mobile__content mpage-content px-5 pb-[calc(var(--app-bottom-chrome-height)+1rem)]">
|
|
<div class="gift-card-mobile__card border-gray-200 border-1 rounded-xl p-5 relative overflow-hidden">
|
|
<bg_main />
|
|
<div class="relative z-10">
|
|
<GiftCardForm variant="mobile" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import Bg_main from '@/components/bg_main.vue'
|
|
import MobilePageHeader from '@/layouts/components/MobilePageHeader.vue'
|
|
import GiftCardForm from '../components/GiftCardForm.vue'
|
|
</script>
|
|
|
|
<style scoped>
|
|
.gift-card-mobile__card {
|
|
min-height: 0;
|
|
}
|
|
</style>
|