isaaccladandCursor
99dae20743
Deploy Ladill Mini / deploy (push) Successful in 40s
Persist payment QR business fields on update, handle is_active correctly, and keep the amount bottom sheet flush to the screen while moving with the keyboard on iOS. Co-authored-by: Cursor <cursoragent@cursor.com>
112 lines
2.6 KiB
CSS
112 lines
2.6 KiB
CSS
@import 'tailwindcss';
|
|
@plugin '@tailwindcss/forms';
|
|
|
|
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
|
|
@source '../../storage/framework/views/*.php';
|
|
@source '../**/*.blade.php';
|
|
@source '../**/*.js';
|
|
|
|
@theme {
|
|
--font-sans: 'Figtree', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
|
'Segoe UI Symbol', 'Noto Color Emoji';
|
|
}
|
|
|
|
[x-cloak] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* QR create/show: flush mobile action bar to the physical screen bottom (mobile only) */
|
|
@media (max-width: 1023px) {
|
|
.mobile-action-bar {
|
|
position: fixed;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 50;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.mobile-action-bar__toolbar {
|
|
display: flex;
|
|
height: 4rem;
|
|
flex-shrink: 0;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
border-top: 1px solid rgb(226 232 240);
|
|
background-color: #fff;
|
|
padding-inline: 1rem;
|
|
}
|
|
|
|
.mobile-action-bar__inset-fill {
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
height: env(safe-area-inset-bottom, 0px);
|
|
min-height: max(env(safe-area-inset-bottom, 0px), 20px);
|
|
}
|
|
}
|
|
|
|
/* Extra white bleed behind the bar for any remaining viewport gap on mobile */
|
|
.qr-mobile-bottom-bleed {
|
|
position: fixed;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 48;
|
|
pointer-events: none;
|
|
background-color: #fff;
|
|
height: calc(4rem + env(safe-area-inset-bottom, 0px) + 24px);
|
|
min-height: calc(4rem + 24px);
|
|
}
|
|
|
|
html.qr-mobile-page {
|
|
background-color: #fff;
|
|
}
|
|
|
|
html.qr-mobile-page body {
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* Payment QR landing: lock scroll and keep the amount sheet flush to the screen bottom */
|
|
@media (max-width: 767px) {
|
|
html.mini-payment-page,
|
|
html.mini-payment-page body {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
html.mini-payment-page body {
|
|
position: fixed;
|
|
inset: 0;
|
|
}
|
|
|
|
.mini-payment-sheet {
|
|
position: fixed;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 20;
|
|
}
|
|
|
|
.mini-payment-bottom-bleed {
|
|
position: fixed;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 19;
|
|
pointer-events: none;
|
|
background-color: #fff;
|
|
height: calc(12rem + env(safe-area-inset-bottom, 0px));
|
|
min-height: 8rem;
|
|
}
|
|
}
|
|
|
|
.mobile-stats-card {
|
|
width: calc(66.666667% - 0.5rem);
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.mobile-stats-card {
|
|
width: auto;
|
|
}
|
|
}
|