web: move svg icon params to css & clean up

2024-06-24 23:46:37 +06:00
parent b153c06294
commit 56081db857
5 changed files with 55 additions and 40 deletions
--- a/web/src/components/save/Omnibox.svelte
+++ b/web/src/components/save/Omnibox.svelte
@@ -41,7 +41,7 @@
        class:focused={isFocused}
        class:downloadable={validLink(link)}
    >
-        <IconLink id="input-link-icon" color="var(--gray)" size="18px" />
+        <IconLink id="input-link-icon" />

        <input
            id="link-area"
@@ -115,6 +115,13 @@
        outline: var(--secondary) 0.5px solid;
    }

+    :global(#input-link-icon) {
+        stroke: var(--gray);
+        width: 18px;
+        height: 18px;
+        stroke-width: 2px;
+    }
+
    #input-container.focused :global(#input-link-icon) {
        stroke: var(--secondary);
    }