chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: add more params

Browse source
This commit is contained in:
Methapon-Frappet 2024-04-16 18:33:02 +07:00
parent 20f2f18eb9
commit 95629d36e4
1 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/app/AppBox.vue
View file

@ -1,5 +1,10 @@
<script lang="ts" setup> <script lang="ts" setup>
defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>(); defineProps<{
dark?: boolean;
bordered?: boolean;
shadowed?: boolean;
noPadding?: boolean;
}>();
</script> </script>
<template> <template>
@ -9,6 +14,7 @@ defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
dark, dark,
'app-box__bordered': bordered, 'app-box__bordered': bordered,
'app-box__shadowed': shadowed, 'app-box__shadowed': shadowed,
'app-box__no-padding': noPadding,
}" }"
> >
<slot /> <slot />
@ -23,6 +29,10 @@ defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
padding: var(--size-4); padding: var(--size-4);
} }
.app-box__no-padding {
padding: 0;
}
.app-box__shadowed { .app-box__shadowed {
box-shadow: var(--shadow-3); box-shadow: var(--shadow-3);
} }