koi.rip
forked from
vt3e.cat/bbell
wip bsky client for the web & android
vt3e.cat
1<script setup lang="ts">
2defineProps<{ title?: string }>()
3</script>
4
5<template>
6 <div class="list-group-wrapper">
7 <h3 v-if="title" class="list-header text-caption">{{ title }}</h3>
8 <div class="list-group">
9 <slot />
10 </div>
11 </div>
12</template>
13
14<style scoped>
15.list-group-wrapper {
16 margin-bottom: var(--space-6);
17}
18.list-header {
19 padding: 0 var(--space-4) var(--space-2);
20 margin-left: var(--space-1);
21 &.text-caption {
22 color: hsl(var(--accent));
23 }
24}
25
26.list-group {
27 background-color: hsl(var(--surface0));
28 border-radius: var(--radius-xl);
29 border: 2px solid var(--accented-border-colour);
30 overflow: hidden;
31 display: flex;
32 flex-direction: column;
33}
34</style>