diff --git a/server/public/home.html b/server/public/home.html index 0e1a1a7..7bc76c6 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -614,8 +614,10 @@ .gif-search input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:.5rem 2rem .5rem .6rem;font:inherit;font-size:.85rem;background:#fbfcfe;color:var(--ink);} .gif-search input:focus{outline:none;border-color:var(--blue);} .gif-search svg{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;} - .gif-grid{flex:1 1 auto;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:0 .5rem .3rem;align-content:start;} - .gif-cell{border:none;background:#f1f5f9;border-radius:9px;overflow:hidden;cursor:pointer;padding:0;aspect-ratio:1;} + /* fixed row height (not aspect-ratio, which collapsed to ~0 in the grid → images stacked over each + other). Uniform 92px rows keep the grid tidy. */ + .gif-grid{flex:1 1 auto;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:92px;gap:.35rem;padding:0 .5rem .3rem;align-content:start;} + .gif-cell{border:none;background:#f1f5f9;border-radius:9px;overflow:hidden;cursor:pointer;padding:0;height:92px;display:block;} .gif-cell img{width:100%;height:100%;object-fit:cover;display:block;} .gif-cell:hover{outline:2px solid var(--blue);} .gif-load{grid-column:1/-1;display:grid;place-items:center;padding:1.4rem;} @@ -1076,7 +1078,7 @@ -