sebastjan/reels-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Layout: razširi main na 1600px + levi panel fiksno 440px

Browse Source 
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
This commit is contained in:
Claude 2026-05-03 14:15:42 +00:00
parent 2fcc4b8075
commit cd872d8bea
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
templates/index.html
View File

@ -50,11 +50,11 @@
margin-right: 4px; margin-right: 4px;
} }
main { main {
max-width: 1100px; max-width: 1600px;
margin: 0 auto; margin: 0 auto;
padding: 32px; padding: 32px;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 440px 1fr;
gap: 24px; gap: 24px;
align-items: start; align-items: start;
} }
@ -64,7 +64,10 @@
max-height: calc(100vh - 32px); max-height: calc(100vh - 32px);
overflow-y: auto; 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 { grid-template-columns: 1fr; }
main > section.card:first-of-type { main > section.card:first-of-type {
position: static; position: static;