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

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

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