From f739fd32ae8d1228bdc62a524e1239d106d92a4a Mon Sep 17 00:00:00 2001
From: dtonon <git@dtonon.com>
Date: Mon, 16 Feb 2026 20:21:54 +0100
Subject: [PATCH] Optimize layout for large screens (> 1500px)

---
 src/lib/components/ChatSidebar.svelte | 2 +-
 src/routes/+layout.svelte             | 2 +-
 src/routes/layout.css                 | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ChatSidebar.svelte b/src/lib/components/ChatSidebar.svelte
index 21b462c..35e8f72 100644
--- a/src/lib/components/ChatSidebar.svelte
+++ b/src/lib/components/ChatSidebar.svelte
@@ -10,7 +10,7 @@
 </script>
 
 <aside
-  class="flex shrink-0 flex-col rounded-tl-xl bg-white transition-all duration-200
+  class="flex shrink-0 flex-col rounded-tl-xl min-[1540px]:rounded-tr-xl bg-white transition-all duration-200
 		{expanded ? 'w-[420px]' : 'w-80'}"
 >
   <div class="flex h-12 shrink-0 items-center justify-between px-4">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 57d0b9c..e715c6b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -21,7 +21,7 @@
   <link rel="icon" href={favicon} />
 </svelte:head>
 
-<div class="flex h-screen flex-col overflow-hidden bg-gray-100">
+<div class="flex h-screen flex-col overflow-hidden max-w-[1540px] mx-auto">
   <Navbar />
   <div class="flex flex-1 gap-5 overflow-hidden pt-2">
     <LeftSidebar {mode} {activeRoom} />
diff --git a/src/routes/layout.css b/src/routes/layout.css
index 2620aeb..471bcea 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -6,6 +6,10 @@ html {
   font-size: 16px;
 }
 
+body {
+  background-color: var(--color-gray-100);
+}
+
 @theme {
   --color-brand: #e32a6d;
   --color-brand-hover: #c4205a;