mbrucedogs/singsalot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Signed-off-by: Matt Bruce <mbrucedogs@gmail.com>

Browse Source
This commit is contained in:
Matt Bruce 2025-07-18 17:57:57 -05:00
parent f3e93c9630
commit b0c0b2c543
4 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
.firebase/hosting.ZGlzdA.cache
View File

@ -1,11 +1,11 @@
vite.svg,499162500000,699a02e0e68a579f687d364bbbe7633161244f35af068220aee37b1b33dfb3c7 vite.svg,499162500000,699a02e0e68a579f687d364bbbe7633161244f35af068220aee37b1b33dfb3c7
index.html,1752878267366,f1970c8e013c9628814bb3ba3f2d14202f12886a4ae66ecbffc70daf8795a51c index.html,1752878330027,5f203c00faf9fcc6e4b55be0b7ffa09282fc25dc3a7624baf25b7f6b43a06595
assets/swipe-back-Dti-lp71.js,1752878267366,9074718e661ac8c9230590719b720f7d3c34e87b6a7c4fcb0841036ad598191a assets/swipe-back-g3JVbAcT.js,1752878330027,07abc4e68422342d6ba852b5cf93f08d37d594a29c0f8172471242ecbecacd47
assets/status-tap-ButdzGqN.js,1752878267366,7eb90670be638953ea576f2b96ac97d29494ce5672f50606b74d16a8a28b3f4e assets/status-tap-C7usLbRw.js,1752878330027,faeed28b943d98d69228f71c2de4d6d63c177dc89155e315f482c62bf188ab19
assets/md.transition-DPo3KmFN.js,1752878267367,7cb5cbbd3ae543c8631130b23aeb0d1032d8785f1146c57bc326fb7ac5186e5b assets/md.transition-B9W-8lgj.js,1752878330027,78652f50e41d7eff5a7fd00e89bb7e334a7374fa046174e39398a874d2c15fdc
assets/input-shims-DXrAOfTi.js,1752878267366,9bdff56b3d5a2c7d8c72f441382362efbce772b6f1830d32654c55f780e9a2ea assets/input-shims-DVm_rrIi.js,1752878330027,541fc90a960a383cbfa6fd1a75c3c9f17455f20614e82362aa83aeb89ee1cad1
assets/ios.transition-RgyTSKIC.js,1752878267366,eccf50bf3248da0a27866ef23d262e5410fe44923269a879548f8d94553e9e6a assets/ios.transition-BIV5Z5Yc.js,1752878330027,b3510ecbd37d95bcce04934d72822d2f2b4d8c64fa0eff6262fa3b5bd20d4490
assets/index7-CLiPChbK.js,1752878267366,f70c1c0027850f4b38d65110d5bfc5a5338cec7f2b2a725aef3f9ebb67c3af6e assets/index7-CZh37Dt9.js,1752878330027,036646be1f60e2114fbfd8a091b9e395ffa6ebf3188331bf54f576e62b393e8d
assets/focus-visible-supuXXMI.js,1752878267366,df9266429356671847fa2c8123e1564bae645f75df3094f0055c365fa2beae28 assets/index-B7vPvsG_.css,1752878330026,dbc57fb127dc9dde819d6ce6a258663f05013f29ec8905f282fe0087d44faaff
assets/index-B7vPvsG_.css,1752878267366,dbc57fb127dc9dde819d6ce6a258663f05013f29ec8905f282fe0087d44faaff assets/focus-visible-supuXXMI.js,1752878330028,df9266429356671847fa2c8123e1564bae645f75df3094f0055c365fa2beae28
assets/index-BMDxv7qU.js,1752878267367,6a64e522782404f981e7d445b83e602fc423653d7a634ed3233d11db038bf0b2 assets/index-D2b6SXwC.js,1752878330028,184886780ed3e8ccad54be62237fcb6fc9fefcec6110306d8f46184faebe69a9

10
src/components/Layout/Layout.tsx
View File

@ -46,9 +46,11 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
top: 0, top: 0,
right: 0, right: 0,
bottom: 0, bottom: 0,
zIndex: 1 zIndex: 1,
display: 'flex',
flexDirection: 'column'
}}> }}>
<IonHeader style={{ position: 'relative', zIndex: 2 }}> <IonHeader style={{ position: 'relative', zIndex: 2, flexShrink: 0 }}>
<IonToolbar> <IonToolbar>
{/* Only show hamburger button on mobile */} {/* Only show hamburger button on mobile */}
{!isLargeScreen && <IonMenuButton slot="start" />} {!isLargeScreen && <IonMenuButton slot="start" />}
@ -78,9 +80,9 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
style={{ style={{
position: 'relative', position: 'relative',
zIndex: 1, zIndex: 1,
height: 'calc(100vh - 64px)', // Adjust header height flex: 1,
overflow: 'auto', // Allow scrolling overflow: 'auto', // Allow scrolling
paddingBottom: '40px' // Add more bottom padding boxSizing: 'border-box'
}} }}
> >
{children} {children}

4
src/components/common/InfiniteScrollList.tsx
View File

@ -63,7 +63,7 @@ const InfiniteScrollList = <T extends string | { key?: string }>({
}; };
return ( return (
<div className="max-w-4xl mx-auto p-6"> <div className="max-w-4xl mx-auto p-6 pb-4">
{/* List */} {/* List */}
<div className="bg-white rounded-lg shadow"> <div className="bg-white rounded-lg shadow">
{items.length === 0 && !isLoading ? ( {items.length === 0 && !isLoading ? (
@ -115,7 +115,7 @@ const InfiniteScrollList = <T extends string | { key?: string }>({
{/* Stats */} {/* Stats */}
{items.length > 0 && ( {items.length > 0 && (
<div style={{ marginTop: '16px', marginBottom: '24px' }} className="text-sm text-gray-500 text-center"> <div style={{ marginTop: '16px', marginBottom: '20px' }} className="text-sm text-gray-500 text-center">
Showing {items.length} item{items.length !== 1 ? 's' : ''} Showing {items.length} item{items.length !== 1 ? 's' : ''}
{hasMore && ` • Scroll down to load more`} {hasMore && ` • Scroll down to load more`}
</div> </div>

2
src/index.css
View File

@ -139,6 +139,8 @@ ion-item ion-label .bold-title {
color: #111827 !important; color: #111827 !important;
} }
/* Input field styling to match search box */ /* Input field styling to match search box */
.visible-input { .visible-input {
border: 1px solid #d1d5db !important; border: 1px solid #d1d5db !important;