admins/lms-sb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix QuestionSplitView panel widths and message bubble styling

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
dmitriylaukhin
2026-05-19 13:45:57 +05:00
parent d32186c101
commit 3a2f64d47d
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/questions/QuestionSplitView.tsx
+5 -5
View File
@@ -141,8 +141,8 @@ export function QuestionSplitView({ currentUserId }: { currentUserId: string })
<div className="flex h-[calc(100vh-56px)]"> <div className="flex h-[calc(100vh-56px)]">
{/* Left panel */} {/* Left panel */}
<div <div
className="w-72 shrink-0 flex flex-col" className="flex flex-col"
style={{ borderRight: "2px solid var(--border)" }} style={{ width: "45%", borderRight: "2px solid var(--border)" }}
> >
{/* Tabs */} {/* Tabs */}
<div className="flex p-2 gap-1" style={{ borderBottom: "1px solid var(--border)" }}> <div className="flex p-2 gap-1" style={{ borderBottom: "1px solid var(--border)" }}>
@@ -208,7 +208,7 @@ export function QuestionSplitView({ currentUserId }: { currentUserId: string })
</div> </div>
{/* Right panel */} {/* Right panel */}
<div className="flex-1 flex flex-col overflow-hidden"> <div className="flex flex-col overflow-hidden" style={{ width: "55%" }}>
{!detail ? ( {!detail ? (
<div className="flex-1 flex items-center justify-center"> <div className="flex-1 flex items-center justify-center">
<p className="text-sm" style={{ color: "var(--muted-foreground)" }}> <p className="text-sm" style={{ color: "var(--muted-foreground)" }}>
@@ -260,8 +260,8 @@ export function QuestionSplitView({ currentUserId }: { currentUserId: string })
className="max-w-[85%] px-3 py-2 rounded-sm text-sm" className="max-w-[85%] px-3 py-2 rounded-sm text-sm"
style={{ style={{
alignSelf: isMine ? "flex-end" : "flex-start", alignSelf: isMine ? "flex-end" : "flex-start",
background: isMine ? "#E8F0D8" : "var(--muted)", background: isMine ? "var(--muted)" : "var(--background)",
border: isMine ? "2px solid var(--border)" : "none", border: isMine ? "none" : "2px solid #E8F0D8",
}} }}
> >
<p className="text-xs mb-1" style={{ color: "var(--muted-foreground)" }}> <p className="text-xs mb-1" style={{ color: "var(--muted-foreground)" }}>