feat: added clear buttons next to loading buttons

csaf-poc · Nov 13, 2023 · 0dabee3 · 0dabee3
1 parent 98164a3
commit 0dabee3
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/src/lib/feedview/Loader.svelte b/src/lib/feedview/Loader.svelte
@@ -44,6 +44,12 @@
   <div class="col">
     <div style="display:flex">
       <button class="loadbutton" on:click={load}><i class="bx bx-book-open" />View feed</button>
+      <button
+        class="clearbutton"
+        on:click={() => {
+          url = "";
+        }}><i class="bx bx-trash" /> Clear</button
+      >
       <input class="url" type="text" bind:value={url} on:keydown={keydown} />
     </div>
   </div>
@@ -66,6 +72,12 @@
     height: 50px;
     font-size: large;
   }
+  .clearbutton {
+    margin-left: 1rem;
+    min-width: 120px;
+    height: 50px;
+    font-size: large;
+  }
   .bx-book-open {
     margin-right: 1rem;
   }

diff --git a/src/lib/singleview/LoadFromURL.svelte b/src/lib/singleview/LoadFromURL.svelte
@@ -44,6 +44,12 @@
   <div class="col">
     <div style="display:flex">
       <button class="loadbutton" on:click={loads}><i class="bx bx-book-open" />URL</button>
+      <button
+        class="clearbutton"
+        on:click={() => {
+          URL = "";
+        }}><i class="bx bx-trash" /> Clear</button
+      >
       <input class="url" type="text" bind:value={URL} on:keydown={keydown} />
     </div>
   </div>
@@ -61,7 +67,13 @@
     font-weight: bold;
   }
   .loadbutton {
-    width: 200px;
+    min-width: 200px;
+    height: 50px;
+    font-size: large;
+  }
+  .clearbutton {
+    margin-left: 1rem;
+    min-width: 140px;
     height: 50px;
     font-size: large;
   }