aiolabs/webapp
2
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

Pin Add Expense dialog to top of viewport

Browse source 
Prevents the dialog from shifting up/down as account search results
change the content height, which caused it to move behind the
virtual keyboard on mobile.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-03-27 22:01:15 -04:00
parent 4a89c02dbd
commit 667b8eebc2
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/modules/expenses/components/AddExpense.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<Dialog :open="true" @update:open="(open) => !open && handleDialogClose()"> <Dialog :open="true" @update:open="(open) => !open && handleDialogClose()">
<DialogContent class="max-w-2xl max-h-[85vh] my-4 overflow-hidden flex flex-col p-0 gap-0"> <DialogContent class="max-w-2xl max-h-[85vh] overflow-hidden flex flex-col p-0 gap-0 top-[5%] translate-y-0 sm:top-[5%] sm:translate-y-0">
<!-- Success State --> <!-- Success State -->
<div v-if="showSuccessDialog" class="flex flex-col items-center justify-center p-8 space-y-6"> <div v-if="showSuccessDialog" class="flex flex-col items-center justify-center p-8 space-y-6">
<!-- Success Icon --> <!-- Success Icon -->