Dominik Milacher
0dc24c4db7
Some checks failed
Build and deploy updated apps / Build & deploy (push) Failing after 50s
42 lines
762 B
Vue
42 lines
762 B
Vue
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
class?: string
|
|
ux?: any
|
|
mode: 'flat' | 'card'
|
|
}>()
|
|
|
|
const classes = useStyling(
|
|
'appSection',
|
|
{
|
|
slots: {
|
|
background: 'w-full h-full',
|
|
container: '',
|
|
},
|
|
variants: {
|
|
mode: {
|
|
flat: {
|
|
background: 'bg-neutral-100 border-t border-b border-neutral-200',
|
|
container: 'rpy-3',
|
|
},
|
|
card: {
|
|
container: 'rmy-3 bg-neutral-100 border border-neutral-200',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
props
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<XScaffoldContent>
|
|
<template #background>
|
|
<div :class="classes.background" />
|
|
</template>
|
|
|
|
<section :class="classes.container">
|
|
<slot />
|
|
</section>
|
|
</XScaffoldContent>
|
|
</template>
|