fix: sidebar add button no longer cut off — input shrinks, button stays visible

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yusuf Suleman
2026-04-01 21:58:45 -05:00
parent e1f18cfb18
commit adef1dbeb8

View File

@@ -820,15 +820,15 @@
display: flex; gap: 4px; padding: 0 12px; margin-bottom: 6px; display: flex; gap: 4px; padding: 0 12px; margin-bottom: 6px;
} }
.sidebar-add-input { .sidebar-add-input {
flex: 1; padding: 6px 10px; border-radius: 10px; flex: 1; min-width: 0; padding: 6px 8px; border-radius: 10px;
border: 1px solid rgba(35,26,17,0.12); background: rgba(255,255,255,0.7); border: 1px solid rgba(35,26,17,0.12); background: rgba(255,255,255,0.7);
font-size: 0.8rem; font-family: var(--font); color: #1e1812; outline: none; font-size: 0.78rem; font-family: var(--font); color: #1e1812; outline: none;
} }
.sidebar-add-input:focus { border-color: rgba(179,92,50,0.4); } .sidebar-add-input:focus { border-color: rgba(179,92,50,0.4); }
.sidebar-add-input::placeholder { color: #8c7b69; } .sidebar-add-input::placeholder { color: #8c7b69; }
.sidebar-add-go { .sidebar-add-go {
padding: 6px 10px; border-radius: 10px; border: none; flex-shrink: 0; padding: 6px 8px; border-radius: 10px; border: none;
background: #1e1812; color: white; font-size: 0.75rem; font-weight: 600; background: #1e1812; color: white; font-size: 0.72rem; font-weight: 600;
font-family: var(--font); cursor: pointer; font-family: var(--font); cursor: pointer;
} }