From cd872d8bea7f7e3cb842babc64dbc986e06f5c54 Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 3 May 2026 14:15:42 +0000 Subject: [PATCH] =?UTF-8?q?Layout:=20raz=C5=A1iri=20main=20na=201600px=20+?= =?UTF-8?q?=20levi=20panel=20fiksno=20440px?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Prej: max-width 1100px, 1fr/1fr grid → na velikih ekranih je bil levi 'Nov reel' panel zelo otesnjen, desni list pa premajhen. Zdaj: - main max-width 1600px (več prostora na velikih ekranih) - levi panel fiksno 440px (vsebina diha + tabi v eni vrstici) - desni jobs list zavzema vso preostalo širino (1fr) - Responsive: <1100px → levi 380px, <900px → stack 1 stolpec --- templates/index.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/templates/index.html b/templates/index.html index 2fece35..49bb430 100644 --- a/templates/index.html +++ b/templates/index.html @@ -50,11 +50,11 @@ margin-right: 4px; } main { - max-width: 1100px; + max-width: 1600px; margin: 0 auto; padding: 32px; display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 440px 1fr; gap: 24px; align-items: start; } @@ -64,7 +64,10 @@ max-height: calc(100vh - 32px); overflow-y: auto; } - @media (max-width: 800px) { + @media (max-width: 1100px) { + main { grid-template-columns: 380px 1fr; } + } + @media (max-width: 900px) { main { grid-template-columns: 1fr; } main > section.card:first-of-type { position: static;