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/page.tsx
View File

@@ -71,13 +71,13 @@ function PlaygroundContent() {
{/* Left Column: Color Picker and Display */}
<div className="space-y-6">
<div className="p-6 border rounded-lg bg-card">
<h2 className="text-xl font-semibold mb-4">Color Picker</h2>
<h2 className="text-sm font-medium mb-4">Color Picker</h2>
<ColorPicker color={color} onChange={setColor} />
</div>
<div className="p-6 border rounded-lg bg-card">
<div className="flex items-center justify-between mb-4">
<h2 className="text-xl font-semibold">Preview</h2>
<h2 className="text-sm font-medium">Preview</h2>
<Button onClick={handleShare} variant="outline" size="sm">
<Share2 className="h-4 w-4 mr-2" />
Share
@@ -93,7 +93,7 @@ function PlaygroundContent() {
<div className="flex items-center justify-between mb-4">
<div className="flex items-center gap-2">
<History className="h-5 w-5" />
<h2 className="text-xl font-semibold">Recent Colors</h2>
<h2 className="text-sm font-medium">Recent Colors</h2>
</div>
<Button
onClick={clearHistory}
@@ -143,7 +143,7 @@ function PlaygroundContent() {
{/* Right Column: Color Information */}
<div className="space-y-6">
<div className="p-6 border rounded-lg bg-card">
<h2 className="text-xl font-semibold mb-4">Color Information</h2>
<h2 className="text-sm font-medium mb-4">Color Information</h2>
{isLoading && (
<div className="flex items-center justify-center py-12">
@@ -162,7 +162,7 @@ function PlaygroundContent() {
</div>
<div className="p-6 border rounded-lg bg-card">
<h2 className="text-xl font-semibold mb-4">Color Manipulation</h2>
<h2 className="text-sm font-medium mb-4">Color Manipulation</h2>
<ManipulationPanel color={color} onColorChange={setColor} />
</div>
</div>