31 lines
613 B
Vue
31 lines
613 B
Vue
<script lang="ts" setup>
|
|
import Mail from './components/Mail.vue'
|
|
import { accounts, mails } from './data/mails'
|
|
</script>
|
|
|
|
<template>
|
|
<div class="md:hidden">
|
|
<image
|
|
src="/examples/mail-dark.png"
|
|
:width="1280"
|
|
:height="727"
|
|
alt="Mail"
|
|
class="hidden dark:block"
|
|
/>
|
|
<image
|
|
src="/examples/mail-light.png"
|
|
:width="1280"
|
|
:height="727"
|
|
alt="Mail"
|
|
class="block dark:hidden"
|
|
/>
|
|
</div>
|
|
<div class="hidden flex-col md:flex">
|
|
<Mail
|
|
:accounts="accounts"
|
|
:mails="mails"
|
|
:nav-collapsed-size="4"
|
|
/>
|
|
</div>
|
|
</template>
|