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/Partials/GlobalWidgets/GlobalWidgets.vue
+++ b/app/Views/Partials/GlobalWidgets/GlobalWidgets.vue
@@ -0,0 +1,41 @@
+<script setup>
+
+import ShadowedBox from "../../Components/ShadowedBox.vue";
+</script>
+
+<template>
+    <diV class="widget-container">
+        <shadowed-box class="widget-box">
+            Widget 1
+        </shadowed-box>
+
+        <shadowed-box  class="widget-box">
+            Widget 2
+        </shadowed-box>
+        <shadowed-box  class="widget-box">
+            Widget 3
+        </shadowed-box>
+        <shadowed-box  class="widget-box">
+            Widget 4
+        </shadowed-box>
+    </diV>
+</template>
+
+<style>
+ .widget-container {
+     display: flex;
+     justify-content: space-around;
+     flex-wrap: wrap;
+     position: relative;
+
+
+ }
+
+ .widget-box {
+     flex-grow: 1; display: inline-block;
+     width: calc(25% - 40px);
+     height: 150px;
+     margin: 0 10px;
+ }
+
+</style>