max/nodarium
1
0
Fork 0
Code Issues 9 Pull Requests 1 Actions Packages Projects Releases 5 Wiki Activity

fix(ui): make arrows on inputnumber visible on lighttheme

Browse Source
This commit is contained in:
release-bot
2026-02-12 13:31:34 +01:00
parent c9021f2383
commit 5b5c63c1a9
4 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/ui/src/lib/app.css
View File

@@ -80,6 +80,7 @@ html {
--neutral-100: #e7e7e7; --neutral-100: #e7e7e7;
--neutral-200: #cecece; --neutral-200: #cecece;
--neutral-300: #7c7c7c; --neutral-300: #7c7c7c;
--neutral-350: #808080;
--neutral-400: #2d2d2d; --neutral-400: #2d2d2d;
--neutral-500: #171717; --neutral-500: #171717;
--neutral-800: #111111; --neutral-800: #111111;
@@ -107,7 +108,7 @@ body {
html.theme-light { html.theme-light {
--color-text: var(--neutral-800); --color-text: var(--neutral-800);
--color-outline: var(--neutral-300); --color-outline: var(--neutral-350);
--color-layer-0: var(--neutral-050); --color-layer-0: var(--neutral-050);
--color-layer-1: var(--neutral-100); --color-layer-1: var(--neutral-100);
--color-layer-2: var(--neutral-200); --color-layer-2: var(--neutral-200);

4
packages/ui/src/lib/inputs/InputNumber.svelte
View File

@@ -126,7 +126,7 @@
<button <button
aria-label="step down" aria-label="step down"
onmousedown={stepDown} onmousedown={stepDown}
class="cursor-pointer w-4 bg-layer-3 opacity-30 hover:opacity-50" class="cursor-pointer w-4 bg-layer-3/30 hover:bg-layer-3/50"
> >
<span class="i-[tabler--chevron-compact-left] block h-full w-full text-outline!"></span> <span class="i-[tabler--chevron-compact-left] block h-full w-full text-outline!"></span>
</button> </button>
@@ -161,7 +161,7 @@
<button <button
aria-label="step up" aria-label="step up"
onmousedown={stepUp} onmousedown={stepUp}
class="cursor-pointer w-4 bg-layer-3 opacity-30 hover:opacity-50" class="cursor-pointer w-4 bg-layer-3/30 hover:bg-layer-3/50"
> >
<span class="i-[tabler--chevron-compact-right] block h-full w-full text-outline!"></span> <span class="i-[tabler--chevron-compact-right] block h-full w-full text-outline!"></span>
</button> </button>

2
packages/ui/src/routes/+page.svelte
View File

@@ -73,7 +73,7 @@
<InputCheckbox bind:value={mirrorShape} /> <InputCheckbox bind:value={mirrorShape} />
<p>mirror</p> <p>mirror</p>
</label> </label>
<p>{JSON.stringify(points)}</p> <p class="max-w-full overflow-hidden">{JSON.stringify(points)}</p>
{/snippet} {/snippet}
<div style:width="300px"> <div style:width="300px">
<InputShape bind:value={points} mirror={mirrorShape} /> <InputShape bind:value={points} mirror={mirrorShape} />

2
packages/ui/src/routes/Section.svelte
View File

@@ -12,7 +12,7 @@
<section class="border-outline border-1/2 bg-layer-1 rounded border mb-4 p-4 flex flex-col gap-4 {_class}"> <section class="border-outline border-1/2 bg-layer-1 rounded border mb-4 p-4 flex flex-col gap-4 {_class}">
<h3 class="flex gap-2 font-bold"> <h3 class="flex gap-2 font-bold">
{title} {title}
<div class="flex gap-4 w-full font-normal opacity-50 max-w-[75%] whitespace-pre overflow-hidden text-clip"> <div class="flex gap-4 w-full font-normal opacity-50 max-w-[75%]">
{#if header} {#if header}
{@render header()} {@render header()}
{:else} {:else}