62 lines
1.8 KiB
Vue
62 lines
1.8 KiB
Vue
<script setup lang="ts">
|
|
import Container from './components/Container.vue'
|
|
import CookieSettings from './components/CookieSettings.vue'
|
|
import CreateAccount from './components/CreateAccount.vue'
|
|
import DatePicker from './components/DatePicker.vue'
|
|
import GitHubCard from './components/GitHubCard.vue'
|
|
import Notifications from './components/Notifications.vue'
|
|
import PaymentMethod from './components/PaymentMethod.vue'
|
|
import ReportAnIssue from './components/ReportAnIssue.vue'
|
|
import ShareDocument from './components/ShareDocument.vue'
|
|
import TeamMembers from './components/TeamMembers.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<div class="md:hidden">
|
|
<VPImage
|
|
alt="Cards"
|
|
width="1280"
|
|
height="1214" class="block" :image="{
|
|
dark: '/examples/cards-dark.png',
|
|
light: '/examples/cards-light.png',
|
|
}"
|
|
/>
|
|
</div>
|
|
|
|
<div class="hidden items-start justify-center gap-6 rounded-lg p-8 md:grid lg:grid-cols-2 xl:grid-cols-3">
|
|
<div class="col-span-2 grid items-start gap-6 lg:col-span-1">
|
|
<Container>
|
|
<CreateAccount />
|
|
</Container>
|
|
<Container>
|
|
<PaymentMethod />
|
|
</Container>
|
|
</div>
|
|
<div class="col-span-2 grid items-start gap-6 lg:col-span-1">
|
|
<Container>
|
|
<TeamMembers />
|
|
</Container>
|
|
<Container>
|
|
<ShareDocument />
|
|
</Container>
|
|
<Container>
|
|
<DatePicker />
|
|
</Container>
|
|
<Container>
|
|
<Notifications />
|
|
</Container>
|
|
</div>
|
|
<div class="col-span-2 grid items-start gap-6 lg:col-span-2 lg:grid-cols-2 xl:col-span-1 xl:grid-cols-1">
|
|
<Container>
|
|
<ReportAnIssue />
|
|
</Container>
|
|
<Container>
|
|
<GitHubCard />
|
|
</Container>
|
|
<Container>
|
|
<CookieSettings />
|
|
</Container>
|
|
</div>
|
|
</div>
|
|
</template>
|