hotel-manage-stack/cashup
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Fix mobile overflow on reconciliation, safe count, and settings tables

Browse source 
Tables with multiple columns now scroll horizontally within their cards
instead of overflowing off-screen on mobile.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-07-14 11:59:15 +00:00
parent 82348bc834
commit 2b04d99fd6
3 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/pages/DailyCashUp.tsx
View file

@ -476,7 +476,8 @@ export function DailyCashUp({ user }: Props) {
{newbookTotals && (
<>
<table style={{ width: '100%', fontSize: '0.875rem', borderCollapse: 'collapse' }}>
<div style={{ overflowX: 'auto' }}>
<table style={{ width: '100%', fontSize: '0.875rem', borderCollapse: 'collapse', minWidth: '360px' }}>
<thead>
<tr style={{ borderBottom: '2px solid var(--card-border)' }}>
<th style={{ padding: '0.4rem 0.5rem', textAlign: 'left', color: 'var(--text-mid)', fontWeight: 600 }}>Category</th>
@ -522,12 +523,14 @@ export function DailyCashUp({ user }: Props) {
})}
</tbody>
</table>
</div>
{tillPayments.length > 0 && (
<div style={{ marginTop: '1rem' }}>
<h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '0.5rem', color: 'var(--text-mid)' }}>
Till / Restaurant Transactions
</h3>
<div style={{ overflowX: 'auto' }}>
<table style={{ width: '100%', fontSize: '0.8rem', borderCollapse: 'collapse' }}>
<thead>
<tr style={{ borderBottom: '1px solid var(--card-border)' }}>
@ -546,6 +549,7 @@ export function DailyCashUp({ user }: Props) {
))}
</tbody>
</table>
</div>
</div>
)}
{transactionBreakdown && (