valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(pastel): unify card title sizes with figlet

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-23 09:25:51 +01:00
parent fd2ada4438
commit 8ce12c4c70
8 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/(app)/pastel/contrast/page.tsx
View File

@@ -70,7 +70,7 @@ export default function ContrastPage() {
<div className="space-y-6">
<div className="p-6 border rounded-lg bg-card">
<div className="flex items-center justify-between mb-4">
<h2 className="text-xl font-semibold">Foreground Color</h2>
<h2 className="text-sm font-medium">Foreground Color</h2>
</div>
<ColorPicker color={foreground} onChange={setForeground} />
</div>
@@ -87,7 +87,7 @@ export default function ContrastPage() {
</div>
<div className="p-6 border rounded-lg bg-card">
<h2 className="text-xl font-semibold mb-4">Background Color</h2>
<h2 className="text-sm font-medium mb-4">Background Color</h2>
<ColorPicker color={background} onChange={setBackground} />
</div>
</div>
@@ -96,7 +96,7 @@ export default function ContrastPage() {
<div className="space-y-6">
{/* Preview */}
<div className="p-6 border rounded-lg bg-card">
<h2 className="text-xl font-semibold mb-4">Preview</h2>
<h2 className="text-sm font-medium mb-4">Preview</h2>
<div
className="rounded-lg p-8 text-center"
style={{ backgroundColor: background, color: foreground }}
@@ -109,7 +109,7 @@ export default function ContrastPage() {
{/* Contrast Ratio */}
{ratio !== null && (
<div className="p-6 border rounded-lg bg-card">
<h2 className="text-xl font-semibold mb-4">Contrast Ratio</h2>
<h2 className="text-sm font-medium mb-4">Contrast Ratio</h2>
<div className="text-center mb-6">
<div className="text-5xl font-bold">{ratio.toFixed(2)}:1</div>
<p className="text-sm text-muted-foreground mt-2">
@@ -128,7 +128,7 @@ export default function ContrastPage() {
{/* WCAG Compliance */}
{compliance && (
<div className="p-6 border rounded-lg bg-card">
<h2 className="text-xl font-semibold mb-4">WCAG 2.1 Compliance</h2>
<h2 className="text-sm font-medium mb-4">WCAG 2.1 Compliance</h2>
<div className="space-y-4">
<div>
<h3 className="text-sm font-semibold mb-2">Level AA</h3>