oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Increase horizontal page padding (#23507)

Add a bit more empty space on left and right side of page content for a
more pleasant viewing experience. Also tweaked the mobile navbar to
match.

Before:
<img width="1276" alt="Screenshot 2023-03-16 at 00 58 23"
src="https://user-images.githubusercontent.com/115237/225473942-f544106f-1b61-456a-99fb-3ba136cabc8d.png">

After:
<img width="1270" alt="Screenshot 2023-03-16 at 00 58 37"
src="https://user-images.githubusercontent.com/115237/225473959-8b555359-a08d-48e1-9476-2710aabb1166.png">

Mobile Navbar:
<img width="673" alt="Screenshot 2023-03-16 at 01 05 12"
src="https://user-images.githubusercontent.com/115237/225473966-adccef2b-4d34-44ed-8c75-d4ca46d96cf3.png">

authored by

silverwind and committed by
GitHub 6aca9287 96be0cb6

+10 -3
+10 -3
web_src/css/base.css
··· 1231 1231 /* enable fluid page widths for medium size viewports */ 1232 1232 @media (min-width: 768px) and (max-width: 1200px) { 1233 1233 .ui.ui.ui.container:not(.fluid) { 1234 - width: calc(100vw - 3em); 1234 + width: calc(100vw - 64px); 1235 1235 } 1236 1236 } 1237 1237 ··· 1285 1285 .following.bar #navbar { 1286 1286 width: 100vw; 1287 1287 min-height: 52px; 1288 - padding: 0 0.5rem; 1288 + padding: 0 16px; 1289 + } 1290 + 1291 + @media (max-width: 767px) { 1292 + .following.bar #navbar { 1293 + padding-left: 4px; 1294 + padding-right: 0; 1295 + } 1289 1296 } 1290 1297 1291 1298 .following.bar #navbar .brand { ··· 1491 1498 } 1492 1499 1493 1500 .ui.container.fluid.padded { 1494 - padding: 0 10px; 1501 + padding: 0 32px; 1495 1502 } 1496 1503 1497 1504 .ui.form .ui.button {