CLASSROOMIO-T-80: Replace sapper with sveltekit

2023-08-02 19:35:27 +01:00
parent 8ffdf319b3
commit 7dfbb05451
320 changed files with 5207 additions and 18330 deletions
@@ -0,0 +1,30 @@
+<script>
+  // import
+  //   border border-gray-300 rounded-md p-3 bg-blue-200 bg-opacity-25
+  export let width = 'max-w-4xl w-full lg:w-11/12';
+  export let padding = 'pb-5 px-4';
+  export let className = '';
+</script>
+
+<div class="root mt-4 mx-auto {width} {className} relative {padding}">
+  {#if $$slots.header}
+    <div
+      class="head dark:bg-gray-800 flex items-center justify-between sticky right-0 w-full px-3"
+    >
+      <slot name="header" />
+    </div>
+  {/if}
+
+  <slot />
+</div>
+
+<style>
+  .root {
+    overflow-y: auto;
+    height: 90vh;
+  }
+  .head {
+    top: 0px;
+    z-index: 1;
+  }
+</style>