feat: add mobile FAB for new session creation

This commit is contained in:
Brian Krabach
2026-03-30 01:34:31 -07:00
parent d76042560a
commit dbb8b2bd73
6 changed files with 280 additions and 0 deletions
+39
View File
@@ -1201,6 +1201,34 @@ body {
border-color: var(--text-muted);
}
/* ============================================================
Mobile FAB — new session floating action button
============================================================ */
.new-session-fab {
display: none;
position: fixed;
bottom: 16px;
right: 16px;
width: 56px;
height: 56px;
border-radius: 50%;
background: var(--accent);
color: var(--bg);
border: none;
font-size: 28px;
font-weight: 300;
line-height: 1;
cursor: pointer;
z-index: 100;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
transition: transform 150ms ease, box-shadow 150ms ease;
}
.new-session-fab:active {
transform: scale(0.95);
}
/* ============================================================
Responsive overlay sidebar at <960px
============================================================ */
@@ -1228,4 +1256,15 @@ body {
.sidebar-collapse-btn {
display: none;
}
/* Mobile FAB: show on mobile, hide header + button */
.new-session-fab {
display: flex;
align-items: center;
justify-content: center;
}
#new-session-btn {
display: none;
}
}