diff --git a/src/Clipboard.svelte b/src/Clipboard.svelte index f798fc205..c36532c8d 100644 --- a/src/Clipboard.svelte +++ b/src/Clipboard.svelte @@ -28,10 +28,10 @@ height: 24px; } .clipboard:hover :global(svg) { - stroke: var(--color-foreground-90); + fill: var(--color-foreground-90); } .clipboard:active :global(svg) { - stroke: var(--color-positive); + fill: var(--color-positive); } .clipboard:hover { border-radius: var(--border-radius); @@ -40,8 +40,8 @@ {#if small} - + {:else} - + {/if} diff --git a/src/Header.svelte b/src/Header.svelte index f048af82e..eb6467afb 100644 --- a/src/Header.svelte +++ b/src/Header.svelte @@ -225,7 +225,9 @@ {/if}
- + + +
diff --git a/src/Icon.svelte b/src/Icon.svelte index 29166d115..f903ff284 100644 --- a/src/Icon.svelte +++ b/src/Icon.svelte @@ -1,90 +1,152 @@ -{#if svg} - - - {@html svg.data} - - -{/if} + + {#if name === "browse"} + + {:else if name === "clipboard"} + + {:else if name === "clipboard-small"} + + {:else if name === "ellipsis"} + + {:else if name === "fork"} + + {:else if name === "github"} + + {:else if name === "url"} + + {:else if name === "twitter"} + + {:else} + {unreachable(name)} + {/if} + diff --git a/src/Profile.svelte b/src/Profile.svelte index 8d70b43dc..cedec90fc 100644 --- a/src/Profile.svelte +++ b/src/Profile.svelte @@ -129,8 +129,9 @@ } .url { display: flex; /* Ensures correct vertical positioning of icons */ - margin-right: 1rem; + margin-right: 0.5rem; height: 1.6rem; + align-items: center; } .members { margin-top: 2rem; @@ -199,21 +200,21 @@ {#if profile.url} - + - + {profile.url} {/if} {#if profile.twitter} - + {/if} {#if profile.github} - + {/if} diff --git a/src/ReactionSelector.svelte b/src/ReactionSelector.svelte index aa0adf7d1..600a89ed7 100644 --- a/src/ReactionSelector.svelte +++ b/src/ReactionSelector.svelte @@ -49,11 +49,7 @@
- + {#if showReactions}