icons

mishankov · Feb 22, 2024 · cf96cbe · cf96cbe
1 parent a6b1004
commit cf96cbe
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -2,10 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/lines.svg" />
     <link rel="stylesheet" href="/reset.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Svelte + TS</title>
+    <title>String Manipulator</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/public/lines.svg b/public/lines.svg
diff --git a/public/trash-can.svg b/public/trash-can.svg
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/manipulations/components/Manipulation.svelte b/src/manipulations/components/Manipulation.svelte
@@ -34,7 +34,7 @@
   {:else if manipulation.type == "splitJoin"}
     <SplitJoin bind:splitString={manipulation.splitString} bind:joinString={manipulation.joinString} bind:innerManipulations={manipulation.innerManipulations}/>
   {/if}
-  <button class="delete" on:click={sendDeleteEvent}>X</button>
+  <button class="delete" on:click={sendDeleteEvent}><img src="trash-can.svg" alt="Delete"/></button>
 </div>
 
 <style>
@@ -71,4 +71,9 @@
     outline: none;
     background-color: var(--bg-color-100);
   }
+
+  .delete img {
+    min-width: 20px;
+    height: 20px;
+  }
 </style>