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

close button on user menu

Browse Source
This commit is contained in:
Ricky Stretch
2026-03-27 23:00:59 -04:00
parent 7476ca5cd1
commit f50f2aaba1
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/UserFooter.jsx
View File

@@ -309,6 +309,11 @@ export default function UserFooter({ onProfile, onHelp, onAbout, mobileCompact=f
{showMenu && ( {showMenu && (
<div ref={menuRef} className="footer-menu"> <div ref={menuRef} className="footer-menu">
<div style={{ display: 'flex', justifyContent: 'flex-end', marginBottom: 4 }}>
<button onClick={() => setShowMenu(false)} style={{ background: 'none', border: 'none', cursor: 'pointer', padding: '2px 4px', color: 'var(--text-tertiary)', lineHeight: 1 }} aria-label="Close menu">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
</button>
</div>
<button className="footer-menu-item" onClick={() => { setShowMenu(false); onProfile?.(); }}> <button className="footer-menu-item" onClick={() => { setShowMenu(false); onProfile?.(); }}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
Profile Profile