docs

saadeghi · Sep 30, 2023 · 4d6464d · 4d6464d
1 parent 3304067
commit 4d6464d
Showing 1 changed file with 27 additions and 25 deletions.
diff --git a/src/docs/src/routes/(docs)/+layout.svelte b/src/docs/src/routes/(docs)/+layout.svelte
@@ -106,38 +106,40 @@
   </div>
 </div>
 
-<input type="checkbox" id="my_modal_6" class="modal-toggle" aria-label="Open or close modal" />
-<div class="modal">
-  <div class="modal-box">
-    <h3 class="text-lg font-bold">Hello!</h3>
-    <p class="py-4">This modal works with a hidden checkbox!</p>
-    <div class="modal-action">
-      <label for="my_modal_6" class="btn">Close</label>
+{#if $page.url.pathname == "/components/modal/"}
+  <input type="checkbox" id="my_modal_6" class="modal-toggle" aria-label="Open or close modal" />
+  <div class="modal">
+    <div class="modal-box">
+      <h3 class="text-lg font-bold">Hello!</h3>
+      <p class="py-4">This modal works with a hidden checkbox!</p>
+      <div class="modal-action">
+        <label for="my_modal_6" class="btn">Close</label>
+      </div>
     </div>
   </div>
-</div>
 
-<input type="checkbox" id="my_modal_7" class="modal-toggle" aria-label="Open or close modal" />
-<div class="modal">
-  <div class="modal-box">
-    <h3 class="text-lg font-bold">Congratulations random Internet user!</h3>
-    <p class="py-4">
-      You've been selected for a chance to get one year of subscription to use Wikipedia for free!
-    </p>
+  <input type="checkbox" id="my_modal_7" class="modal-toggle" aria-label="Open or close modal" />
+  <div class="modal">
+    <div class="modal-box">
+      <h3 class="text-lg font-bold">Congratulations random Internet user!</h3>
+      <p class="py-4">
+        You've been selected for a chance to get one year of subscription to use Wikipedia for free!
+      </p>
+    </div>
+    <label class="modal-backdrop" for="my_modal_7">Close</label>
   </div>
-  <label class="modal-backdrop" for="my_modal_7">Close</label>
-</div>
 
-<div class="modal" id="my_modal_8">
-  <div class="modal-box">
-    <h3 class="text-lg font-bold">Hello!</h3>
-    <p class="py-4">This modal works with anchor links</p>
-    <div class="modal-action">
-      <!-- svelte-ignore a11y-invalid-attribute -->
-      <a href="#" class="btn" rel="external">Close</a>
+  <div class="modal" id="my_modal_8">
+    <div class="modal-box">
+      <h3 class="text-lg font-bold">Hello!</h3>
+      <p class="py-4">This modal works with anchor links</p>
+      <div class="modal-action">
+        <!-- svelte-ignore a11y-invalid-attribute -->
+        <a href="#" class="btn" rel="external">Close</a>
+      </div>
     </div>
   </div>
-</div>
+{/if}
 
 <Scripts />