CRUD* Lecture

src/components/PageBody/index.svelte

@@ -1,9 +1,10 @@
 <script>
   // import
   //   border border-gray-300 rounded-md p-3 bg-blue-200 bg-opacity-25
+  export let width = "max-w-3xl";
 </script>
 
-<div class="root mt-4 mx-auto max-w-3xl relative pb-5">
+<div class="mt-4 mx-auto {width} relative pb-5">
   {#if $$slots.header}
     <div
       class="head flex bg-white items-center justify-between sticky right-0 w-full py-3"
@@ -16,10 +17,6 @@
 </div>
 
 <style>
-  /* .root {
-    max-width: 700px;
-  } */
-
   .head {
     top: 61px;
     z-index: 1;