pure css launcher button icon

MercuryWorkshop · Dec 10, 2024 · 63a2f76 · 63a2f76
1 parent 9997d29
commit 63a2f76
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/Launcher.css b/src/Launcher.css
@@ -22,6 +22,18 @@
     width: 34px;
 }
 
+#launcher-button::after {
+    content: "";
+    position: absolute;
+    width: 0.78em;
+    height: 0.78em;
+    border: 0.16em solid var(--theme-fg);
+    border-radius: 50%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
 #launcher-button img {
     border-radius: 50%;
     height: 15px;

diff --git a/src/Taskbar.tsx b/src/Taskbar.tsx
@@ -368,12 +368,7 @@ class Taskbar {
                             calendar.close();
                             launcher.toggleVisible();
                         }}
-                    >
-                        <img
-                            src="/assets/icons/launcher.svg"
-                            style="height:100%;width:100%"
-                        ></img>
-                    </div>
+                    ></div>
                 </div>
                 <nav
                     id="taskbar-bar"