ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-10-30 09:16:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(docs): restore the sidebar gutter on catalog pages (#4238)

Browse Source 
* fix(docs): restore the sidebar gutter on catalog detail pages

* fix(docs): align the catalog tab row and panes with the page gutter
This commit is contained in:
Miguel Ángel
2026-09-20 21:17:09 -04:00
committed by GitHub
parent b4787082b2
commit c09594fef8
2 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/custom.css
+15
View File
@@ -1319,3 +1319,18 @@ samp {
color: #0a2a20 !important;
}
}
/* Frame mode (every catalog page) renders no `main#content-container`, so it loses
* that element's `px-5 lg:pr-10 lg:pl-[5.5rem]` and sits flush against the sidebar.
* These are those same values, nothing new. */
header.is-frame ~ #body-content #content-area {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 1024px) {
header.is-frame ~ #body-content #content-area {
padding-left: 5.5rem;
padding-right: 2.5rem;
}
}
docs/snippets/catalog-detail.jsx
+5 -2
View File
@@ -686,10 +686,13 @@ export const CatalogDetail = ({
padding: 16px;
border-top: 1px solid var(--ve-line);
}
.hf-ve-tabs-row { margin: 20px 0 0 16px; }
/* No left inset on the tab row or the panes under it: the page gutter is the
* page's job, and a second 16px here put everything below the stage on a
* different left edge from the title, install block and stage above it. */
.hf-ve-tabs-row { margin: 20px 0 0; }
.hf-ve-tabs-row .hf-ve-tab { padding: 6px 16px; font-size: 14px; }
.hf-ve-tabs-row .hf-ve-tab small { margin-left: 6px; font-weight: 400; opacity: 0.7; }
.hf-ve-body { padding: 2rem 0 0 16px; }
.hf-ve-body { padding: 2rem 0 0; }
.hf-ve-install { margin: 0 0 28px; }
.hf-ve-install-title { margin: 0 0 12px; font-size: 24px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; color: var(--ve-fg); }
.hf-ve-about h3 { margin: 0 0 8px; font-size: 16px; font-weight: 600; }