Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/Omnibox: clean up input link icon code

Browse source
This commit is contained in:
wukko 2024-08-16 01:44:13 +06:00
parent 478dd6e515
commit b9fabdc327
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 15 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
web/src/components/save/Omnibox.svelte
View file

@ -132,11 +132,13 @@
class:focused={isFocused} class:focused={isFocused}
class:downloadable={validLink($link)} class:downloadable={validLink($link)}
> >
<div id="input-link-icon" class:loading={isDisabled}>
{#if isDisabled} {#if isDisabled}
<IconLoader2 id="input-link-icon" class="loading" /> <IconLoader2 />
{:else} {:else}
<IconLink id="input-link-icon" /> <IconLink />
{/if} {/if}
</div>
<input <input
id="link-area" id="link-area"
@ -232,14 +234,18 @@
outline: var(--secondary) 0.5px solid; outline: var(--secondary) 0.5px solid;
} }
:global(#input-link-icon) { #input-link-icon {
display: flex;
}
#input-link-icon :global(svg) {
stroke: var(--gray); stroke: var(--gray);
width: 18px; width: 18px;
height: 18px; height: 18px;
stroke-width: 2px; stroke-width: 2px;
} }
:global(#input-link-icon.loading) { #input-link-icon.loading :global(svg) {
animation: spin 0.7s infinite linear; animation: spin 0.7s infinite linear;
} }
@ -252,11 +258,11 @@
} }
} }
#input-container.focused :global(#input-link-icon) { #input-container.focused #input-link-icon :global(svg) {
stroke: var(--secondary); stroke: var(--secondary);
} }
#input-container.downloadable :global(#input-link-icon) { #input-container.downloadable #input-link-icon :global(svg) {
stroke: var(--secondary); stroke: var(--secondary);
} }