wip: duet (2)

2026-09-12 14:22:11 +02:00
parent 704624878e
commit 12062d6bca
7 changed files with 275 additions and 74 deletions
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+</script>
+
+<template>
+<div class="ml-auto mr-auto mt-2 mb-2 p-2 rounded-xl bg-slate-100 sm:max-w-[85%] max-w-[95%] overflow-x-auto slot">
+    <slot />
+</div>
+<div class="ml-auto mr-auto mt-2 w-fit max-w-[80%] slot-desc">
+    <slot name="description" />
+</div>
+</template>
+
+<style lang="css" scoped>
+.slot :deep(table) {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 18px;
+}
+.slot :deep(th),
+.slot :deep(td) {
+  border: 1px solid #cbd5e1;
+  padding: 8px 12px;
+  text-align: left;
+}
+.slot :deep(th) {
+  background-color: #e2e8f0;
+  font-weight: 600;
+}
+.slot :deep(tr:nth-child(even) td) {
+  background-color: #ffffff;
+}
+.slot-desc > * {
+  font-size: 16px;
+}
+</style>