kts
/
spriteStackist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: kts:6a89cc4aebbd0063baf0700687c85cff213f9ede
Branches Tags
kts:main
...
compare: kts:2afd2ff119becd712386af1e2f4e0cef406c9f3a
Branches Tags
kts:main

2 Commits
6a89cc4aeb ... 2afd2ff119

Author SHA1 Message Date
kts of kettek 2afd2ff119 Remove unneeded overflow hidden 2024-02-22 01:01:21 -08:00
kts of kettek 917bf91060 Only show index if swatch exists 2024-02-22 01:01:11 -08:00
2 changed files with 5 additions and 2 deletions
Show Stats Expand all files Collapse all files

1
frontend/src/App.svelte
View File

@ -303,7 +303,6 @@
.left { .left {
display: grid; display: grid;
grid-template-rows: minmax(0, 1fr) auto; grid-template-rows: minmax(0, 1fr) auto;
overflow: hidden;
} }
.toolbar { .toolbar {
display: flex; display: flex;

6
frontend/src/components/ColorIndex.svelte
View File

@ -34,7 +34,11 @@
<main> <main>
<div class="color" style="background-color: rgba({red},{green},{blue},{alpha})"> <div class="color" style="background-color: rgba({red},{green},{blue},{alpha})">
<div class="label" style="color: rgb({255-red}, {255-green}, {255-blue})">{index}</div> <div class="label" style="color: rgb({255-red}, {255-green}, {255-blue})">
{#if swatchExists}
{index}
{/if}
</div>
</div> </div>
<Button kind="ghost" size="small" disabled={swatchExists} iconDescription="replace swatch" tooltipPosition="top" icon={ColorSwitch} on:click={replaceSwatch}></Button> <Button kind="ghost" size="small" disabled={swatchExists} iconDescription="replace swatch" tooltipPosition="top" icon={ColorSwitch} on:click={replaceSwatch}></Button>
<Button kind="ghost" size="small" disabled={swatchExists} iconDescription="add swatch" tooltipPosition="top" icon={AddLarge} on:click={addSwatch}></Button> <Button kind="ghost" size="small" disabled={swatchExists} iconDescription="add swatch" tooltipPosition="top" icon={AddLarge} on:click={addSwatch}></Button>