kamici/Sloneczko-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add some features

Browse Source
This commit is contained in:
Kazimierz Ciołek
2026-07-07 11:32:06 +02:00
parent b584cbc8ce
commit b38aa268ef
20 changed files with 1367 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/lib/components/CabinsDialog.svelte
View File

@@ -101,9 +101,9 @@
placeholder="—"
/>
<span class="row-actions">
<button type="button" onclick={() => move(i, -1)} disabled={i === 0} aria-label="Przesuń wyżej">↑</button>
<button type="button" onclick={() => move(i, 1)} disabled={i === cabins.length - 1} aria-label="Przesuń niżej">↓</button>
<button type="button" class="danger" onclick={() => remove(cabin)}>Usuń</button>
<button type="button" class="btn sm" onclick={() => move(i, -1)} disabled={i === 0} aria-label="Przesuń wyżej">↑</button>
<button type="button" class="btn sm" onclick={() => move(i, 1)} disabled={i === cabins.length - 1} aria-label="Przesuń niżej">↓</button>
<button type="button" class="btn sm danger" onclick={() => remove(cabin)}>Usuń</button>
</span>
{/each}
</div>
@@ -112,7 +112,7 @@
<form class="add" onsubmit={add}>
<input type="text" bind:value={newName} placeholder="Nazwa nowego domku" required />
<input type="number" min="1" bind:value={newCapacity} placeholder="Osób" />
<button type="submit" class="primary">Dodaj</button>
<button type="submit" class="btn primary">Dodaj</button>
</form>
{#if error}
@@ -120,21 +120,14 @@
{/if}
<div class="actions">
<button type="button" onclick={onclose}>Zamknij</button>
<button type="button" class="btn" onclick={onclose}>Zamknij</button>
</div>
</dialog>
<style>
dialog {
width: min(480px, calc(100vw - 32px));
border: 1px solid var(--border);
border-radius: 12px;
padding: 20px;
background: var(--surface);
color: var(--text);
}
dialog::backdrop {
background: rgb(0 0 0 / 0.35);
}
h2 {
margin: 0 0 14px;
@@ -170,29 +163,6 @@
display: flex;
gap: 4px;
}
button {
font: inherit;
font-size: 13px;
padding: 5px 9px;
border-radius: 6px;
border: 1px solid var(--border);
background: var(--surface);
color: var(--text);
cursor: pointer;
}
button:disabled {
opacity: 0.4;
cursor: default;
}
button.danger {
color: var(--danger);
border-color: var(--danger);
}
button.primary {
background: var(--accent);
border-color: var(--accent);
color: #fff;
}
.add {
display: grid;
grid-template-columns: 1fr 80px auto;