feat: use api fn to fetch person

This commit is contained in:
Methapon2001 2024-04-05 17:26:40 +07:00
parent c019ec6a7e
commit 4b2760b500
5 changed files with 54 additions and 101 deletions

View file

@ -1,9 +1,16 @@
<script lang="ts" setup>
defineProps<{ dark?: boolean; bordered?: boolean }>();
defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
</script>
<template>
<div class="app-box" :class="{ dark, 'app-box__bordered': bordered }">
<div
class="app-box"
:class="{
dark,
'app-box__bordered': bordered,
'app-box__shadowed': shadowed,
}"
>
<slot />
</div>
</template>
@ -14,6 +21,9 @@ defineProps<{ dark?: boolean; bordered?: boolean }>();
background-color: var(--surface-1);
border-radius: var(--radius-3);
padding: var(--size-4);
}
.app-box__shadowed {
box-shadow: var(--shadow-1);
}