Keep share panels beneath entry info
Deploy production / deploy (push) Successful in 21s

This commit is contained in:
2026-08-22 21:34:22 -07:00
parent 37c8b444e5
commit 02fbccf5bd
5 changed files with 25 additions and 28 deletions
+5 -11
View File
@@ -437,8 +437,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
.blog-post-layout {
grid-template-areas:
"header info"
"body info"
"share info";
"body info";
}
.article-post-layout {
grid-template-areas:
@@ -527,8 +526,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
border-right: 1px solid rgba(210,97,134,.8);
border-bottom: 1px solid rgba(210,97,134,.8);
}
.blog-post-layout > .share-panel,
.article-post-layout > .share-panel { grid-area: share; }
.post-meta > .share-panel { max-width: none; }
.share-panel-heading {
display: flex;
@@ -692,7 +689,8 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
padding-block: 68px 78px;
}
.project-narrative { width: 100%; }
.project-content > .share-panel { grid-column: 1 / -1; }
.project-meta { display: grid; gap: 16px; }
.project-meta > .share-panel { max-width: none; }
.repository-card { border: 1px solid var(--rule); background: var(--panel); padding: 24px; }
.repository-card dl { margin: 0; }
.repository-card a { color: var(--teal); }
@@ -746,7 +744,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
grid-template-areas:
"header info"
"body info"
"share share"
"navigation navigation"
"back back";
gap: 34px clamp(54px, 7vw, 92px);
@@ -756,8 +753,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
.devlog-entry-header { grid-area: header; }
.devlog-entry-header h1 { font-style: normal; }
.devlog-entry-body { grid-area: body; width: 100%; }
.devlog-entry-layout > .share-panel { grid-area: share; }
.devlog-info { grid-area: info; }
.devlog-meta { grid-area: info; }
.devlog-info .post-info-title { color: var(--violet); }
.devlog-navigation { grid-area: navigation; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 38px; border: 1px solid var(--rule); background: var(--rule); }
.devlog-navigation-link { display: grid; gap: 8px; min-height: 130px; padding: 24px; background: var(--bg); }
@@ -849,7 +845,6 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
"header"
"info"
"body"
"share"
"navigation"
"back";
gap: 30px;
@@ -868,8 +863,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
grid-template-areas:
"header"
"info"
"body"
"share";
"body";
}
.article-post-layout {
grid-template-areas: