Bump

v3xlabs · Oct 29, 2024 · 5743076 · 5743076
1 parent bfde181
commit 5743076
Showing 1 changed file with 23 additions and 24 deletions.
diff --git a/web/index.html b/web/index.html
@@ -6,16 +6,7 @@
         <title>Thorin Design System</title>
     </head>
     <body>
-        <div
-            style="
-                display: flex;
-                flex-direction: column;
-                gap: 4px;
-                max-width: 765px;
-                margin: 0 auto;
-            "
-            class="space-y-4"
-        >
+        <div class="main">
             <div class="m-width">
                 <div>
                     <h1>thorin.design</h1>
@@ -97,9 +88,6 @@ <h2>Modals</h2>
                     <thorin-button onClick="openconnectmodal()"
                         >Open Connect Modal</thorin-button
                     >
-                    <thorin-button onClick="fakeconnect()"
-                        >Open Connect Modal</thorin-button
-                    >
                 </div>
             </div>
         </div>
@@ -116,23 +104,26 @@ <h2>Modals</h2>
                 </thorin-button>
             </div>
         </thorin-modal>
-        <thorin-connect-modal id="connectmodal">
-        </thorin-connect-modal>
+        <thorin-connect-modal id="connectmodal"> </thorin-connect-modal>
         <script src="./index.ts" type="module"></script>
         <script>
             function opentestmodal() {
                 document.getElementById("testmodal").open = true;
-                document.getElementById("testmodal").addEventListener("onClose", () => {
-                    console.log("modal closed");
-                    document.getElementById("testmodal").open = false;
-                });
+                document
+                    .getElementById("testmodal")
+                    .addEventListener("onClose", () => {
+                        console.log("modal closed");
+                        document.getElementById("testmodal").open = false;
+                    });
             }
             function openconnectmodal() {
                 document.getElementById("connectmodal").open = true;
-                document.getElementById("connectmodal").addEventListener("onClose", () => {
-                    console.log("connectmodal closed");
-                    document.getElementById("connectmodal").open = false;
-                });
+                document
+                    .getElementById("connectmodal")
+                    .addEventListener("onClose", () => {
+                        console.log("connectmodal closed");
+                        document.getElementById("connectmodal").open = false;
+                    });
             }
 
             let height = 5;
@@ -145,12 +136,20 @@ <h2>Modals</h2>
             }
         </script>
         <style>
-            html, body {
+            html,
+            body {
                 margin: 0;
                 padding: 0;
                 height: 100%;
                 font-size: 16px;
             }
+            .main {
+                display: flex;
+                flex-direction: column;
+                gap: var(--thorin-spacing-2);
+                max-width: 765px;
+                margin: 0 auto;
+            }
             .card {
                 padding: var(--thorin-spacing-4);
                 border: 1px solid var(--thorin-border);