openvibers/openvibe.chat Commits

Chat's front page headings use the network's heading face and sizes, like its showcase section; the app keeps its compact type (#135)

OP OpenVibers committed 21 days ago · c637dff618 · 1 file, +6 −1

Changes

ddiff --git a/public/web/chat.css b/public/web/chat.css
iindex 9877423..d6e6dc0 100644
---- a/public/web/chat.css
++++ b/public/web/chat.css
@@@ -269,8 +269,13 @@ h2 { font-size: 1.15rem; margin: 1.4em 0 .5em; }
.oc-stats dt { margin: 0; font-size: .8rem; color: var(--oc-muted); }
.oc-stats dd { margin: 0; font-size: 1.3rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }
.oc-room > h2 { margin: 1.4rem 0 .2rem; font-size: 1.3rem; }
--.oc-home-sec { margin-top: 40px; }
++.oc-home-sec { margin-top: 56px; }
.oc-home-sec h2 { margin: 0 0 .5rem; font-size: 1.3rem; }
++/* The front page's own headings take the network's heading face and sizes (openvibe-shared/showcase.css), like the
++ "What OpenVibe.Chat does" section between them and every other OpenVibe home; the rest of Chat keeps its compact type. */
++.oc-hero h1, .oc-hero ~ .oc-room > h2, .oc-home-sec h2 { font-family: var(--ov-font, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif); letter-spacing: -.02em; }
++.oc-hero h1 { font-weight: 800; }
++.oc-hero ~ .oc-room > h2, .oc-home-sec h2 { font-size: clamp(22px, 2.6vw, 30px); }
.oc-home-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.oc-home-head a { font-weight: 700; font-size: .92rem; }
.oc-streams, .oc-more { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); }