diff options
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/grocery/[id]/+page.svelte | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte index c0550fc..c4e964c 100644 --- a/src/routes/grocery/[id]/+page.svelte +++ b/src/routes/grocery/[id]/+page.svelte @@ -75,9 +75,7 @@ {/each} </select> </label> - {#if saved} - <p class="save-status">✓ Enregistré</p> - {/if} + <p class="save-status" class:visible={saved}>✓ Enregistré</p> </form> <hr /> @@ -261,5 +259,14 @@ color: var(--success); font-weight: 500; margin-top: -0.25rem; + visibility: hidden; + opacity: 0; + transition: opacity 0.2s ease; + min-height: 1.25rem; + } + + .save-status.visible { + visibility: visible; + opacity: 1; } </style> |