[OCaml] Mobile-friendly clone of cgit.
style constrain content to 60rem, full-width nav and footer
- body: full viewport width (no max-width constraint). - nav#top: full-width black background, children stay within 60rem via padding-inline with max()/calc(). - #main: max-width 60rem, centered with auto margins. - #toolbar: same padding logic as nav for consistent alignment. - footer: same padding logic as nav, dark grey (#111) background spanning full width.
lib/static/styles.css
@@ -33,8 +33,8 @@
33
33
34
34
body {
35
35
font-family: Inter, sans-serif;
36
Removed:
max-width: 80rem;
37
Removed:
margin: auto;
36
Added:
max-width: 100%;
37
Added:
margin: 0;
38
38
padding: 0;
39
39
background-color: #181818;
40
40
color: white;
@@ -129,6 +129,7 @@
129
129
display: flex;
130
130
align-items: center;
131
131
min-height: var(--nav-height);
132
Added:
padding-inline: max(1em, calc((100% - 60rem) / 2));
132
133
box-sizing: border-box;
133
134
flex-shrink: 0;
134
135
}
@@ -259,6 +260,8 @@
259
260
}
260
261
261
262
#main {
263
Added:
max-width: 60rem;
264
Added:
margin: 0 auto;
262
265
padding: 0 1em;
263
266
}
264
267
@@ -584,7 +587,7 @@
584
587
min-height: var(--toolbar-height);
585
588
box-sizing: border-box;
586
589
min-width: 0;
587
Removed:
padding: 0.25em 1em;
590
Added:
padding: 0.25em max(1em, calc((100% - 60rem) / 2));
588
591
overflow: hidden;
589
592
background-color: #111;
590
593
border-bottom: 1px solid var(--color-border);
@@ -1068,11 +1071,11 @@
1068
1071
}
1069
1072
1070
1073
footer {
1071
Removed:
margin: 1em;
1072
Removed:
padding: 0 1em;
1074
Added:
padding: 1em max(1em, calc((100% - 60rem) / 2));
1073
1075
display: flex;
1074
1076
justify-content: space-between;
1075
1077
align-items: center;
1078
Added:
background-color: #111;
1076
1079
}
1077
1080
1078
1081
footer p {