rick/rosterchirp-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

V0.9.65 ui changes

Browse Source
This commit is contained in:
Ricky Stretch
2026-03-17 22:05:43 -04:00
parent 7418575935
commit cb12804ca2
10 changed files with 232 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/MobileEventForm.jsx
View File

@@ -270,9 +270,13 @@ export default function MobileEventForm({ event, eventTypes, userGroups, selecte
</div>
{/* Start date/time */}
<div onClick={()=>setShowStartDate(true)} style={{ display:'flex',alignItems:'center',padding:'12px 20px 6px 56px',cursor:'pointer' }}>
<span style={{ flex:1,fontSize:15 }}>{fmtDateDisplay(sd)}</span>
{!allDay && <span style={{ fontSize:15,color:'var(--primary)',fontWeight:600 }}>{fmtTimeDisplay(st)}</span>}
<div style={{ display:'flex',alignItems:'center',padding:'12px 20px 6px 56px' }}>
<span onClick={()=>setShowStartDate(true)} style={{ flex:1,fontSize:15,cursor:'pointer' }}>{fmtDateDisplay(sd)}</span>
{!allDay && (
<select value={st} onChange={e=>setSt(e.target.value)} style={{ fontSize:15,color:'var(--primary)',fontWeight:600,background:'transparent',border:'none',outline:'none',cursor:'pointer' }}>
{TIME_SLOTS.map(s=><option key={s.value} value={s.value}>{s.label}</option>)}
</select>
)}
</div>
{/* End date/time */}
@@ -285,15 +289,7 @@ export default function MobileEventForm({ event, eventTypes, userGroups, selecte
)}
</div>
{/* Start time picker (show only if !allDay and user didn't tap date) */}
{!allDay && (
<div style={{ padding:'8px 20px 14px 56px',borderBottom:'1px solid var(--border)',display:'flex',gap:12,alignItems:'center' }}>
<span style={{ fontSize:13,color:'var(--text-tertiary)' }}>Start</span>
<select value={st} onChange={e=>setSt(e.target.value)} style={{ flex:1,fontSize:14,padding:'6px 8px',border:'1px solid var(--border)',borderRadius:'var(--radius)',background:'var(--surface)',color:'var(--text-primary)' }}>
{TIME_SLOTS.map(s=><option key={s.value} value={s.value}>{s.label}</option>)}
</select>
</div>
)}
{/* Recurrence */}
<Row icon={<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg>} onPress={()=>setShowRecurrence(true)}>