You've already forked zblade.dev
docs(changelog): add bug fixes section and refine spacing
This commit is contained in:
+52
-42
@@ -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>
|
||||
</ul>
|
||||
</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">
|
||||
<h3 class="changes-title">
|
||||
<span class="changes-icon">📦</span>
|
||||
@@ -275,11 +285,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
|
||||
/* Hero */
|
||||
.changelog-hero {
|
||||
min-height: 50vh;
|
||||
min-height: 35vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: calc(var(--space-3xl) + 60px);
|
||||
padding-bottom: var(--space-2xl);
|
||||
padding-top: calc(var(--space-2xl) + 60px);
|
||||
padding-bottom: var(--space-lg);
|
||||
background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
@@ -293,16 +303,16 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
font-size: 0.875rem;
|
||||
color: var(--color-accent);
|
||||
letter-spacing: 0.1em;
|
||||
margin-bottom: var(--space-md);
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
margin-bottom: var(--space-lg);
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
.title-line-1 {
|
||||
display: block;
|
||||
font-size: clamp(2.5rem, 8vw, 5rem);
|
||||
font-size: clamp(2rem, 6vw, 3.5rem);
|
||||
font-weight: 900;
|
||||
line-height: 0.95;
|
||||
letter-spacing: -0.03em;
|
||||
@@ -311,16 +321,16 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
|
||||
.title-accent {
|
||||
display: block;
|
||||
font-size: clamp(1.25rem, 3vw, 1.75rem);
|
||||
font-size: clamp(1rem, 2.5vw, 1.25rem);
|
||||
font-weight: 700;
|
||||
color: var(--color-accent);
|
||||
font-family: var(--font-mono);
|
||||
margin-top: var(--space-sm);
|
||||
margin-top: 0.25rem;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.hero-description {
|
||||
font-size: 1.25rem;
|
||||
font-size: 1rem;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.6;
|
||||
max-width: 600px;
|
||||
@@ -328,7 +338,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
|
||||
/* Changelog Sections */
|
||||
.changelog-section {
|
||||
padding: var(--space-3xl) 0;
|
||||
padding: var(--space-xl) 0;
|
||||
}
|
||||
|
||||
.section-alt {
|
||||
@@ -339,7 +349,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
.version-card {
|
||||
background: var(--color-bg);
|
||||
border: 1px solid var(--color-border);
|
||||
padding: var(--space-2xl);
|
||||
padding: var(--space-lg);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -363,11 +373,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: var(--space-xl);
|
||||
padding-bottom: var(--space-lg);
|
||||
margin-bottom: var(--space-lg);
|
||||
padding-bottom: var(--space-md);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
flex-wrap: wrap;
|
||||
gap: var(--space-md);
|
||||
gap: var(--space-sm);
|
||||
}
|
||||
|
||||
.version-info {
|
||||
@@ -378,7 +388,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
}
|
||||
|
||||
.version-number {
|
||||
font-size: 2rem;
|
||||
font-size: 1.75rem;
|
||||
font-weight: 900;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: -0.02em;
|
||||
@@ -421,14 +431,14 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
/* Version Content */
|
||||
.version-content {
|
||||
display: grid;
|
||||
gap: var(--space-xl);
|
||||
gap: var(--space-lg);
|
||||
}
|
||||
|
||||
/* Changes Section */
|
||||
.changes-section {
|
||||
background: var(--color-bg);
|
||||
border: 1px solid var(--color-border);
|
||||
padding: var(--space-lg);
|
||||
padding: var(--space-md);
|
||||
}
|
||||
|
||||
.version-latest .changes-section {
|
||||
@@ -438,26 +448,26 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
/* Updates Tables */
|
||||
.updates-intro {
|
||||
color: var(--color-text-secondary);
|
||||
margin-bottom: var(--space-lg);
|
||||
font-size: 1rem;
|
||||
margin-bottom: var(--space-md);
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
.subsection-title {
|
||||
font-size: 0.95rem;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 700;
|
||||
color: var(--color-text);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
margin-top: var(--space-lg);
|
||||
margin-bottom: var(--space-md);
|
||||
margin-top: var(--space-md);
|
||||
margin-bottom: var(--space-sm);
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.updates-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: var(--space-lg);
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: var(--space-md);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.updates-table thead {
|
||||
@@ -466,18 +476,18 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
}
|
||||
|
||||
.updates-table th {
|
||||
padding: var(--space-sm) var(--space-md);
|
||||
padding: var(--space-xs) var(--space-sm);
|
||||
text-align: left;
|
||||
font-weight: 700;
|
||||
color: var(--color-text);
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.updates-table td {
|
||||
padding: var(--space-sm) var(--space-md);
|
||||
padding: var(--space-xs) var(--space-sm);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
@@ -497,8 +507,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
}
|
||||
|
||||
.breaking-updates-list li {
|
||||
padding: var(--space-md);
|
||||
margin-bottom: var(--space-md);
|
||||
padding: var(--space-sm);
|
||||
margin-bottom: var(--space-sm);
|
||||
background: var(--color-bg-elevated);
|
||||
border-left: 3px solid var(--color-accent);
|
||||
border-radius: 0.25rem;
|
||||
@@ -508,7 +518,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
color: var(--color-text);
|
||||
font-family: var(--font-mono);
|
||||
display: block;
|
||||
margin-bottom: var(--space-xs);
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.breaking-updates-list code {
|
||||
@@ -528,18 +538,18 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
.changes-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-sm);
|
||||
font-size: 1rem;
|
||||
gap: var(--space-xs);
|
||||
font-size: 0.9rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: var(--space-md);
|
||||
margin-bottom: var(--space-sm);
|
||||
color: var(--color-accent);
|
||||
font-family: var(--font-mono);
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.changes-icon {
|
||||
font-size: 1.25rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.changes-list {
|
||||
@@ -547,11 +557,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
}
|
||||
|
||||
.changes-list li {
|
||||
padding: var(--space-sm) 0;
|
||||
padding: 0.35rem 0;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.6;
|
||||
padding-left: var(--space-lg);
|
||||
line-height: 1.5;
|
||||
padding-left: var(--space-md);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -574,18 +584,18 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
/* Initial Release */
|
||||
.initial-release {
|
||||
text-align: center;
|
||||
padding: var(--space-xl);
|
||||
padding: var(--space-lg);
|
||||
}
|
||||
|
||||
.initial-icon {
|
||||
font-size: 4rem;
|
||||
margin-bottom: var(--space-lg);
|
||||
font-size: 3rem;
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
.initial-text {
|
||||
font-size: 1.125rem;
|
||||
font-size: 1rem;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.7;
|
||||
line-height: 1.6;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user