gsadmin/rustguac
1
0
Fork 0
mirror of https://github.com/sol1/rustguac.git synced 2026-10-25 21:19:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: share the narrow-desktop page padding across pages

Browse Source 
The 1800px breakpoint set a tighter page gutter on the connections page
only, so switching to Sessions or any other tab snapped the content
sideways. Move it to rustguac.css so every page moves together.

Part of #254
This commit is contained in:
Jad Seifeddine
2026-10-11 06:05:33 +07:00
parent 1b93b0c8c1
commit b9db3ca2d2
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/connections.html
+2 -1
View File
@@ -175,7 +175,8 @@
padding and sidebar, 16px cells with less padding, a narrower
Connect button. Everything then fits with ~250px to spare. */
@media (max-width: 1800px) {
body { padding: var(--s-4) var(--s-4); }
/* page padding at this width lives in rustguac.css, shared by
every page, so switching tabs does not shift the gutter */
.layout { gap: var(--s-4); }
.sidebar { min-width: 240px; max-width: 280px; padding-right: var(--s-3); }
.entries-table th, .entries-table td {
static/rustguac.css
+7
View File
@@ -57,6 +57,13 @@ body {
margin: 0;
}
/* Narrow desktops (a 1710px MacBook display, 1600px monitors): a tighter
page gutter. Shared here so every page shifts together and switching
tabs does not snap the content sideways. */
@media (max-width: 1800px) {
body { padding: var(--s-4) var(--s-4); }
}
h1 { color: var(--primary); margin: 0; font-size: 30px; letter-spacing: 0.02em; font-weight: bold; }
h2 { color: var(--primary); font-size: var(--fz-lg); margin-top: var(--s-5); letter-spacing: 0.02em; }
h3 { color: var(--text); font-size: var(--fz-md); margin-top: var(--s-4); letter-spacing: 0.02em; }