SteelDynamite/onyx-tasks
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: add safe area bottom padding to DateTimePicker

Browse source 
Add bottom padding to DateTimePicker component to prevent content
from being obscured by notches or home indicators on mobile devices.
Uses CSS max() function to ensure minimum 0.75rem spacing while
respecting device safe area insets.
This commit is contained in:
Tristan Michael 2026-04-06 11:02:54 -07:00
parent a705a5ca26
commit c772e3251a
1 changed files with 1 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/tauri/src/lib/components/DateTimePicker.svelte
View file

@ -183,5 +183,6 @@
<button onclick={clear} class="text-sm text-danger hover:opacity-70">Clear date</button> <button onclick={clear} class="text-sm text-danger hover:opacity-70">Clear date</button>
</div> </div>
{/if} {/if}
<div style="height: max(0.75rem, var(--safe-bottom))"></div>
</div> </div>
</div> </div>