Changeset 8c4bfcc in Klonkt

Timestamp:

06/26/2026 02:45:05 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

474a5ed

Parents:

f46f2be

Message:

style(mobile): fedi-tabs headroom back to 1.5rem (applies to Android too) + iOS safe-area

File:

• src/views/partials/fedi-tabs.ejs (modified) (1 diff)

src/views/partials/fedi-tabs.ejs

@@ -30 +30 @@
 .fedi-tab-badge { flex: 0 0 auto; min-width: 1.15em; padding: 0 .3em; border-radius: 999px;
   background: var(--accent, #e8b04b); color: #fff; font-size: .66rem; line-height: 1.5; text-align: center; }
-/* Mobile: no desktop top-nav here, so clear the camera/notch + give headroom. */
-@media (max-width: 767px) { .fedi-tabs { margin-top: calc(.5rem + env(safe-area-inset-top, 0px)); } }
+/* Mobile: 1.5rem general headroom (Android too) + the iOS safe-area to clear the notch. */
+@media (max-width: 767px) { .fedi-tabs { margin-top: calc(1.5rem + env(safe-area-inset-top, 0px)); } }
 @media (max-width: 520px) { .fedi-tab { padding: .55rem .25rem; font-size: .82rem; } }
 @media (max-width: 380px) { .fedi-tab { font-size: .74rem; } }