feat: use api fn to fetch person
This commit is contained in:
parent
c019ec6a7e
commit
4b2760b500
5 changed files with 54 additions and 101 deletions
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue