hq/bpist-squalk-forum
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Optimize layout for large screens (> 1500px)

Browse source
This commit is contained in:
dtonon 2026-02-16 20:21:54 +01:00
parent 68f25fd20f
commit f739fd32ae
3 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/ChatSidebar.svelte
View file

@ -10,7 +10,7 @@
</script> </script>
<aside <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'}" {expanded ? 'w-[420px]' : 'w-80'}"
> >
<div class="flex h-12 shrink-0 items-center justify-between px-4"> <div class="flex h-12 shrink-0 items-center justify-between px-4">

2
src/routes/+layout.svelte
View file

@ -21,7 +21,7 @@
<link rel="icon" href={favicon} /> <link rel="icon" href={favicon} />
</svelte:head> </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 /> <Navbar />
<div class="flex flex-1 gap-5 overflow-hidden pt-2"> <div class="flex flex-1 gap-5 overflow-hidden pt-2">
<LeftSidebar {mode} {activeRoom} /> <LeftSidebar {mode} {activeRoom} />

4
src/routes/layout.css
View file

@ -6,6 +6,10 @@ html {
font-size: 16px; font-size: 16px;
} }
body {
background-color: var(--color-gray-100);
}
@theme { @theme {
--color-brand: #e32a6d; --color-brand: #e32a6d;
--color-brand-hover: #c4205a; --color-brand-hover: #c4205a;