Basic design created

2026-02-03 09:33:18 +01:00
parent 3570f442f5
commit e280fcfba8
29 changed files with 1055 additions and 28 deletions
--- a/app/Views/Components/ShadowedBox.vue
+++ b/app/Views/Components/ShadowedBox.vue
@@ -0,0 +1,23 @@
+<script setup>
+    const props = defineProps({
+        style: { type: String},
+        class: { type: String},
+    })
+
+    console.log(props.style)
+</script>
+
+<template>
+    <div class="shadowed-box" :style=props.style :class=props.class>
+        <slot></slot>
+    </div>
+</template>
+
+<style>
+    .shadowed-box {
+        box-shadow: 2px 2px 5px #c0c0c0;
+        border-radius: 10px;
+        padding: 10px;
+        background-color: #ffffff;
+    }
+</style>