Changeset 45d22b1 in Klonkt


Ignore:
Timestamp:
06/20/2026 08:45:30 AM (3 months ago)
Author:
roboburr <roboburr@…>
Branches:
main
Children:
210a9cb
Parents:
cc22112
Message:

fix(posts): cover image shows in full (no crop)

.post-cover img had max-height:50vh + object-fit:cover → sides/top-bottom were
cropped. Now width:100% + height:auto → the full cover shows, full container
width, natural height. style.css?v=21.

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

Location:
src
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • src/assets/css/style.css

    rcc22112 r45d22b1  
    551551    display: block;
    552552    width: 100%;
    553     height: auto;
    554     max-height: 50vh;
    555     object-fit: cover;
     553    height: auto;        /* volledige (niet-bijgesneden) hoogte */
     554    /* geen max-height/object-fit: cover meer → de hele afbeelding toont,
     555       volle containerbreedte, zijkanten gerespecteerd. */
    556556}
    557557.post-title { font-size: clamp(1.6rem, 4vw, 2.6rem); line-height: 1.15; margin: 0 0 .5rem; letter-spacing: -.02em; }
  • src/views/shell.ejs

    rcc22112 r45d22b1  
    163163
    164164<!-- v9 stylesheet (full palette system) -->
    165 <link rel="stylesheet" href="/assets/css/style.css?v=20">
     165<link rel="stylesheet" href="/assets/css/style.css?v=21">
    166166
    167167<!-- Audio player styles: loaded on every page so the mini-player works
Note: See TracChangeset for help on using the changeset viewer.