chamomind/jws-frontend
chamomind/jws-frontend
7
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>
defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
defineProps<{
dark?: boolean;
bordered?: boolean;
shadowed?: boolean;
noPadding?: boolean;
}>();
</script>
<template>
@ -9,6 +14,7 @@ defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
dark,
'app-box__bordered': bordered,
'app-box__shadowed': shadowed,
'app-box__no-padding': noPadding,
}"
>
<slot />
@ -23,6 +29,10 @@ defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
padding: var(--size-4);
}
.app-box__no-padding {
padding: 0;
}
.app-box__shadowed {
box-shadow: var(--shadow-3);
}