Code snippet, better UX in questionnaire

2021-07-03 19:29:41 +00:00
parent b76d1c9647
commit fbdfd3321b
17 changed files with 348 additions and 92 deletions
@@ -0,0 +1,27 @@
+<script>
+  // import
+  //   border border-gray-300 rounded-md p-3 bg-blue-200 bg-opacity-25
+</script>
+
+<div class="root mt-4 mx-auto max-w-3xl relative">
+  {#if $$slots.header}
+    <div
+      class="head flex bg-white items-center justify-between sticky right-0 w-full py-3"
+    >
+      <slot name="header" />
+    </div>
+  {/if}
+
+  <slot />
+</div>
+
+<style>
+  /* .root {
+    max-width: 700px;
+  } */
+
+  .head {
+    top: 61px;
+    z-index: 1;
+  }
+</style>