diff options
Diffstat (limited to 'src/routes/groceries/catalog/+page.svelte')
| -rw-r--r-- | src/routes/groceries/catalog/+page.svelte | 22 |
1 files changed, 3 insertions, 19 deletions
diff --git a/src/routes/groceries/catalog/+page.svelte b/src/routes/groceries/catalog/+page.svelte index 2b92a35..a7f3c0e 100644 --- a/src/routes/groceries/catalog/+page.svelte +++ b/src/routes/groceries/catalog/+page.svelte @@ -2,6 +2,7 @@ import { enhance } from '$app/forms'; import { SvelteSet } from 'svelte/reactivity'; import GroceryRow from '$lib/components/GroceryRow.svelte'; + import Button from '$lib/components/Button.svelte'; import { groupByCategory } from '$lib/shared/group-by-category'; let { data, form } = $props(); @@ -45,13 +46,9 @@ <option value={cat.id}>{cat.name}</option> {/each} </select> - <button - class="btn-primary" - type="submit" - disabled={selectedIds.size === 0} + <Button disabled={selectedIds.size === 0} + >Mettre à jour ({selectedIds.size})</Button > - Mettre à jour ({selectedIds.size}) - </button> </form> </div> {/if} @@ -118,19 +115,6 @@ min-width: 0; } - .bulk-bar .btn-primary { - padding: 0.75rem 1rem; - align-self: center; - white-space: nowrap; - } - - .bulk-bar .btn-primary:disabled { - opacity: 0.5; - cursor: not-allowed; - transform: none; - box-shadow: none; - } - .error { margin-bottom: 1rem; } |