vt3e.cat
wip bsky client for the web & android
bbell.vt3e.cat
1<script setup lang="ts">
2defineProps<{ padding?: boolean }>();
3</script>
4
5<template>
6 <div class="card" :class="{ 'has-padding': padding !== false }">
7 <slot/>
8 </div>
9</template>
10
11<style scoped>
12.card {
13 background-color: hsl(var(--surface0) / 0.5);
14 border: 1px solid hsl(var(--surface1));
15 border-radius: var(--radius-lg);
16 overflow: hidden;
17 position: relative;
18}
19.has-padding {
20 padding: var(--space-4);
21}
22</style>