fix(home): center quick chat widget and constrain width
Chat section and inline response now have max-width 720px centered within the page, and quick action chips are centered. Prevents the widget from stretching the full 1200px content width on wide screens. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -580,10 +580,14 @@ function formatUpcomingTime(event: EventEntry): string {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ─── Chat widget ────────────────────────────────────────────── */
|
/* ─── Chat widget ────────────────────────────────────────────── */
|
||||||
.chat-section { margin-bottom: 1rem; }
|
.chat-section {
|
||||||
|
max-width: 720px;
|
||||||
|
margin: 0 auto 1.5rem;
|
||||||
|
}
|
||||||
.quick-actions {
|
.quick-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
gap: 0.4rem;
|
gap: 0.4rem;
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
@@ -606,7 +610,8 @@ function formatUpcomingTime(event: EventEntry): string {
|
|||||||
|
|
||||||
/* ─── Inline response ────────────────────────────────────────── */
|
/* ─── Inline response ────────────────────────────────────────── */
|
||||||
.dashboard-response {
|
.dashboard-response {
|
||||||
margin-bottom: 1.5rem;
|
max-width: 720px;
|
||||||
|
margin: 0 auto 1.5rem;
|
||||||
padding: 0.75rem 1rem;
|
padding: 0.75rem 1rem;
|
||||||
background: var(--color-bg-card);
|
background: var(--color-bg-card);
|
||||||
border-left: 2px solid var(--color-primary);
|
border-left: 2px solid var(--color-primary);
|
||||||
|
|||||||
Reference in New Issue
Block a user