From 8171ea99d623c80df06f5285079299ccf9c76d1b Mon Sep 17 00:00:00 2001 From: Local Dev Date: Thu, 22 Oct 2026 00:02:57 +0300 Subject: [PATCH] =?UTF-8?q?Theseus=200.3.102:=20home=20=E2=80=94=20Hermes?= =?UTF-8?q?=20brand=20mark=20catches=20up,=20slot=20grid=20tightened?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The slot grid on the left of the home page switches from `repeat(3, 1fr)` to `repeat(3, 100px)` with `justify-content: start`. Cells no longer stretch to fill the column, so icons sit in a tight desktop-style grid anchored to the left edge instead of drifting inside wide 1fr cells. The 900px breakpoint keeps 100px cells and left-anchors them too. Also carries the Hermes brand kit updates that landed on master between 0.3.101 and now — the Hermes.X Silent Mode card now renders the new blue envelope mark from home-brand/hermes-mark.svg instead of the old inline red envelope. The sidebar strip icon size for Hermes was bumped to 26px in the same cycle to balance the new mark's negative space. --- home.html | 8 ++++++-- package.json | 2 +- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/home.html b/home.html index e7d0c8f0..94a6aa75 100644 --- a/home.html +++ b/home.html @@ -40,8 +40,12 @@ reorders which icon is in which cell. Simpler than free x,y and keeps the icons tidy against the left edge of the column. */ .left-column { display: flex; flex-direction: column; gap: 14px; } - .slots-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; width: 100%; align-items: start; } - @media (max-width: 900px) { .slots-list { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); } } + /* Fixed-width cells (not 1fr) so icons sit in a tight desktop-style grid + instead of drifting inside stretched 3-equal-column cells. The whole + grid left-aligns to the column edge via justify-content: start. */ + .slots-list { display: grid; grid-template-columns: repeat(3, 100px); gap: 14px 10px; + width: 100%; align-items: start; justify-content: start; } + @media (max-width: 900px) { .slots-list { grid-template-columns: repeat(auto-fill, 100px); justify-content: start; } } .cards-grid.drop-target { outline: 2px dashed var(--acid); outline-offset: 4px; border-radius: 14px; } .slot { position: relative; display: flex; flex-direction: column; align-items: center; diff --git a/package.json b/package.json index a223272c..fa3f9d07 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "theseus-navigator", - "version": "0.3.101", + "version": "0.3.102", "license": "MPL-2.0", "description": "Theseus Navigator — a browser that follows the thread. By Silent Mode, a Deviant project.", "author": "Silent Mode",