Changeset f33b24a in Klonkt


Ignore:
Timestamp:
06/19/2026 09:57:47 AM (3 months ago)
Author:
roboburr <roboburr@…>
Branches:
main
Children:
09ecc5f
Parents:
247988e
Message:

ui(fan-gate): post-nav pixel-perfect match with the regular post

The fan gate wrapped the nav in a plain .container (672px); the post
page uses .post-page (720px, padding 0 1rem). Fan gate wrapper is now
.fg-navwrap with identical dimensions so the Newer/Older cards line up
exactly.

Co-Authored-By: Claude <noreply@…>

File:
1 edited

Legend:

Unmodified
Added
Removed
  • src/views/pages/fan-gate.ejs

    r247988e rf33b24a  
    1 <div class="container">
     1<div class="fg-navwrap">
    22  <%# Zelfde post-navigatie (Newer/Older) als op een gewone post, zodat een
    3       bezoeker op de fan-gate niet vastloopt maar verder kan bladeren. %>
     3      bezoeker op de fan-gate niet vastloopt maar verder kan bladeren. Zelfde
     4      maten als .post-page (720px / padding 0 1rem) zodat de nav pixel-gelijk is. %>
    45  <%- include('../partials/post-nav', { newerPost: (typeof newerPost !== 'undefined' ? newerPost : null), olderPost: (typeof olderPost !== 'undefined' ? olderPost : null) }) %>
    56</div>
     
    1617
    1718<style>
     19  /* Identiek aan .post-page (post.ejs) zodat de post-nav exact gelijk uitlijnt. */
     20  .fg-navwrap { max-width: 720px; margin: 0.5rem auto 0; padding: 0 1rem; }
    1821  .fg { max-width: 480px; margin: 0 auto; padding: 56px 18px; text-align: center; }
    1922  .fg-card { border: 1px solid rgba(128,128,128,.2); border-radius: 18px; padding: 36px 28px; }
Note: See TracChangeset for help on using the changeset viewer.