ZaguanAI/zblade.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs(changelog): add bug fixes section and refine spacing

Browse Source
This commit is contained in:
Stig-Ørjan Smelror
2026-02-11 21:09:58 +01:00
parent 79eb105e24
commit 370cdaf805
1 changed files with 52 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/changelog.astro
+52 -42
View File
@@ -53,6 +53,16 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<li><strong>Git performance.</strong> Replaced most external <code>git</code> calls with <code>gix</code> for faster, more efficient Git operations.</li> <li><strong>Git performance.</strong> Replaced most external <code>git</code> calls with <code>gix</code> for faster, more efficient Git operations.</li>
</ul> </ul>
</div> </div>
<div class="changes-section">
<h3 class="changes-title">
<span class="changes-icon">🐛</span>
Bug Fixes
</h3>
<ul class="changes-list">
<li>Fixed a bug where the tool call message would pop to the top instead of being in the conversation flow.</li>
</ul>
</div>
<div class="changes-section"> <div class="changes-section">
<h3 class="changes-title"> <h3 class="changes-title">
<span class="changes-icon">📦</span> <span class="changes-icon">📦</span>
@@ -275,11 +285,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
/* Hero */ /* Hero */
.changelog-hero { .changelog-hero {
min-height: 50vh; min-height: 35vh;
display: flex; display: flex;
align-items: center; align-items: center;
padding-top: calc(var(--space-3xl) + 60px); padding-top: calc(var(--space-2xl) + 60px);
padding-bottom: var(--space-2xl); padding-bottom: var(--space-lg);
background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%); background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
} }
@@ -293,16 +303,16 @@ import BaseLayout from '../layouts/BaseLayout.astro';
font-size: 0.875rem; font-size: 0.875rem;
color: var(--color-accent); color: var(--color-accent);
letter-spacing: 0.1em; letter-spacing: 0.1em;
margin-bottom: var(--space-md); margin-bottom: var(--space-sm);
} }
.hero-title { .hero-title {
margin-bottom: var(--space-lg); margin-bottom: var(--space-md);
} }
.title-line-1 { .title-line-1 {
display: block; display: block;
font-size: clamp(2.5rem, 8vw, 5rem); font-size: clamp(2rem, 6vw, 3.5rem);
font-weight: 900; font-weight: 900;
line-height: 0.95; line-height: 0.95;
letter-spacing: -0.03em; letter-spacing: -0.03em;
@@ -311,16 +321,16 @@ import BaseLayout from '../layouts/BaseLayout.astro';
.title-accent { .title-accent {
display: block; display: block;
font-size: clamp(1.25rem, 3vw, 1.75rem); font-size: clamp(1rem, 2.5vw, 1.25rem);
font-weight: 700; font-weight: 700;
color: var(--color-accent); color: var(--color-accent);
font-family: var(--font-mono); font-family: var(--font-mono);
margin-top: var(--space-sm); margin-top: 0.25rem;
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
.hero-description { .hero-description {
font-size: 1.25rem; font-size: 1rem;
color: var(--color-text-secondary); color: var(--color-text-secondary);
line-height: 1.6; line-height: 1.6;
max-width: 600px; max-width: 600px;
@@ -328,7 +338,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
/* Changelog Sections */ /* Changelog Sections */
.changelog-section { .changelog-section {
padding: var(--space-3xl) 0; padding: var(--space-xl) 0;
} }
.section-alt { .section-alt {
@@ -339,7 +349,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
.version-card { .version-card {
background: var(--color-bg); background: var(--color-bg);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
padding: var(--space-2xl); padding: var(--space-lg);
position: relative; position: relative;
} }
@@ -363,11 +373,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: var(--space-xl); margin-bottom: var(--space-lg);
padding-bottom: var(--space-lg); padding-bottom: var(--space-md);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--space-md); gap: var(--space-sm);
} }
.version-info { .version-info {
@@ -378,7 +388,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
} }
.version-number { .version-number {
font-size: 2rem; font-size: 1.75rem;
font-weight: 900; font-weight: 900;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: -0.02em; letter-spacing: -0.02em;
@@ -421,14 +431,14 @@ import BaseLayout from '../layouts/BaseLayout.astro';
/* Version Content */ /* Version Content */
.version-content { .version-content {
display: grid; display: grid;
gap: var(--space-xl); gap: var(--space-lg);
} }
/* Changes Section */ /* Changes Section */
.changes-section { .changes-section {
background: var(--color-bg); background: var(--color-bg);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
padding: var(--space-lg); padding: var(--space-md);
} }
.version-latest .changes-section { .version-latest .changes-section {
@@ -438,26 +448,26 @@ import BaseLayout from '../layouts/BaseLayout.astro';
/* Updates Tables */ /* Updates Tables */
.updates-intro { .updates-intro {
color: var(--color-text-secondary); color: var(--color-text-secondary);
margin-bottom: var(--space-lg); margin-bottom: var(--space-md);
font-size: 1rem; font-size: 0.95rem;
} }
.subsection-title { .subsection-title {
font-size: 0.95rem; font-size: 0.9rem;
font-weight: 700; font-weight: 700;
color: var(--color-text); color: var(--color-text);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
margin-top: var(--space-lg); margin-top: var(--space-md);
margin-bottom: var(--space-md); margin-bottom: var(--space-sm);
font-family: var(--font-mono); font-family: var(--font-mono);
} }
.updates-table { .updates-table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
margin-bottom: var(--space-lg); margin-bottom: var(--space-md);
font-size: 0.95rem; font-size: 0.9rem;
} }
.updates-table thead { .updates-table thead {
@@ -466,18 +476,18 @@ import BaseLayout from '../layouts/BaseLayout.astro';
} }
.updates-table th { .updates-table th {
padding: var(--space-sm) var(--space-md); padding: var(--space-xs) var(--space-sm);
text-align: left; text-align: left;
font-weight: 700; font-weight: 700;
color: var(--color-text); color: var(--color-text);
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 0.85rem; font-size: 0.8rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
.updates-table td { .updates-table td {
padding: var(--space-sm) var(--space-md); padding: var(--space-xs) var(--space-sm);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
color: var(--color-text-secondary); color: var(--color-text-secondary);
} }
@@ -497,8 +507,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
} }
.breaking-updates-list li { .breaking-updates-list li {
padding: var(--space-md); padding: var(--space-sm);
margin-bottom: var(--space-md); margin-bottom: var(--space-sm);
background: var(--color-bg-elevated); background: var(--color-bg-elevated);
border-left: 3px solid var(--color-accent); border-left: 3px solid var(--color-accent);
border-radius: 0.25rem; border-radius: 0.25rem;
@@ -508,7 +518,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
color: var(--color-text); color: var(--color-text);
font-family: var(--font-mono); font-family: var(--font-mono);
display: block; display: block;
margin-bottom: var(--space-xs); margin-bottom: 0.25rem;
} }
.breaking-updates-list code { .breaking-updates-list code {
@@ -528,18 +538,18 @@ import BaseLayout from '../layouts/BaseLayout.astro';
.changes-title { .changes-title {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-sm); gap: var(--space-xs);
font-size: 1rem; font-size: 0.9rem;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: var(--space-md); margin-bottom: var(--space-sm);
color: var(--color-accent); color: var(--color-accent);
font-family: var(--font-mono); font-family: var(--font-mono);
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
.changes-icon { .changes-icon {
font-size: 1.25rem; font-size: 1rem;
} }
.changes-list { .changes-list {
@@ -547,11 +557,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
} }
.changes-list li { .changes-list li {
padding: var(--space-sm) 0; padding: 0.35rem 0;
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
color: var(--color-text-secondary); color: var(--color-text-secondary);
line-height: 1.6; line-height: 1.5;
padding-left: var(--space-lg); padding-left: var(--space-md);
position: relative; position: relative;
} }
@@ -574,18 +584,18 @@ import BaseLayout from '../layouts/BaseLayout.astro';
/* Initial Release */ /* Initial Release */
.initial-release { .initial-release {
text-align: center; text-align: center;
padding: var(--space-xl); padding: var(--space-lg);
} }
.initial-icon { .initial-icon {
font-size: 4rem; font-size: 3rem;
margin-bottom: var(--space-lg); margin-bottom: var(--space-md);
} }
.initial-text { .initial-text {
font-size: 1.125rem; font-size: 1rem;
color: var(--color-text-secondary); color: var(--color-text-secondary);
line-height: 1.7; line-height: 1.6;
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
} }