dvorakmortonxd/freezmo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Chat fills the space next to the sidebar (no more dead strip)

Browse source 
The conversation column was max-w-3xl and centred, which on a 1280 window
left a ~140px empty strip between the rail and the messages - "the chat
cuts off weirdly". It now uses the library's container (max-w-6xl,
lg:px-10) and the composer's content padding matches, so the chat starts
right next to the sidebar and every row shares one left edge.

Contrast 0 findings, chat 102/102, mobile 126/126, i18n 13/13,
native 33/33. Version 0.5.0 (the 0.4.9 rollover), SW -> freezmo-v74.
This commit is contained in:
Martin Dvořák 2026-10-14 08:12:55 +00:00
commit e2676be080
5 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/chat/ChatScreen.tsx
View file

@ -599,7 +599,9 @@ export function ChatScreen() {
<div ref={scrollRef} onScroll={onScroll} className="chat-scroll h-full overflow-y-auto overscroll-contain">
<div
className={cn(
"mx-auto w-full max-w-3xl space-y-4 px-4 py-4",
// The same container as the library page: the conversation starts
// right next to the sidebar, not centred in a narrower strip.
"mx-auto w-full max-w-6xl space-y-4 px-4 py-4 lg:px-10 lg:py-6",
messages.length === 0 && "flex min-h-full flex-col justify-center",
)}
>

2
components/chat/Composer.tsx
View file

@ -70,7 +70,7 @@ export function Composer({
const canSend = online && !busy && value.trim().length > 0;
return (
<div className="border-t border-[var(--glass-border)] bg-[var(--glass-bg)] px-3 pb-safe pt-2 backdrop-blur-xl">
<div className="border-t border-[var(--glass-border)] bg-[var(--glass-bg)] px-4 pb-safe pt-2 backdrop-blur-xl lg:px-10">
{attachments.length > 0 ? (
<ul className="mb-2 flex flex-wrap gap-1.5">
{attachments.map((entry, index) => (