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

fix: remove heading and description

Browse Source
This commit is contained in:
Sebastian Krüger
2026-03-01 10:01:28 +01:00
parent a4cc53d774
commit 00c77ff3fe
11 changed files with 12 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/(app)/animate/page.tsx
View File

@@ -9,7 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
export default function AnimatePage() {
return (
<AppPage title={tool.title} description={tool.summary} icon={tool.icon}>
<AppPage>
<AnimationEditor />
</AppPage>
);

6
app/(app)/ascii/page.tsx
View File

@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
export default function ASCIIPage() {
return (
<AppPage
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<AppPage>
<ASCIIConverter />
</AppPage>
);

2
app/(app)/calculate/page.tsx
View File

@@ -9,7 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
export default function CalculatePage() {
return (
<AppPage title={tool.title} description={tool.summary} icon={tool.icon}>
<AppPage>
<Calculator />
</AppPage>
);

6
app/(app)/color/page.tsx
View File

@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
export default function ColorPage() {
return (
<AppPage
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<AppPage>
<ColorManipulation />
</AppPage>
);

6
app/(app)/favicon/page.tsx
View File

@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
export default function FaviconPage() {
return (
<AppPage
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<AppPage>
<FaviconGenerator />
</AppPage>
);

6
app/(app)/media/page.tsx
View File

@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
export default function MediaPage() {
return (
<AppPage
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<AppPage>
<FileConverter />
</AppPage>
);

6
app/(app)/qrcode/page.tsx
View File

@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
export default function QRCodePage() {
return (
<AppPage
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<AppPage>
<QRCodeGenerator />
</AppPage>
);

6
app/(app)/units/page.tsx
View File

@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
export default function UnitsPage() {
return (
<AppPage
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<AppPage>
<MainConverter />
</AppPage>
);

2
components/layout/AppHeader.tsx
View File

@@ -32,7 +32,7 @@ export function AppHeader() {
</button>
{/* Mobile: logo home link */}
<Link href="/" className="lg:hidden shrink-0">
<Link href="/" className="lg:hidden shrink-0 ml-2">
<Logo size={20} />
</Link>

27
components/layout/AppPage.tsx
View File

@@ -2,38 +2,15 @@ import * as React from 'react';
import { cn } from '@/lib/utils';
interface AppPageProps {
title: string;
description?: string;
icon?: React.ElementType;
children: React.ReactNode;
className?: string;
}
export function AppPage({ title, description, icon: Icon, children, className }: AppPageProps) {
export function AppPage({ children, className }: AppPageProps) {
return (
<div className={cn('min-h-screen', className)}>
<div className="max-w-7xl mx-auto px-6 lg:px-8 animate-fade-in">
{/* Page header */}
<div className="py-5 border-b border-border/20 mb-6">
<div className="flex items-center gap-3">
{Icon && (
<div className="w-7 h-7 rounded-lg bg-primary/10 flex items-center justify-center shrink-0">
<Icon className="w-3.5 h-3.5 text-primary" />
</div>
)}
<div className="min-w-0">
<h1 className="text-lg font-semibold text-foreground leading-tight">{title}</h1>
{description && (
<p className="text-[10px] text-muted-foreground/50 font-mono mt-0.5 truncate">
{description}
</p>
)}
</div>
</div>
</div>
<div className="pb-8">
<div className="py-8">
{children}
</div>
</div>

2
components/layout/AppSidebar.tsx
View File

@@ -103,7 +103,7 @@ export function AppSidebar() {
<span className="whitespace-nowrap block text-[13px] font-medium leading-tight">
{tool.navTitle}
</span>
<span className="text-[9px] text-muted-foreground/40 leading-tight block truncate font-mono mt-0.5">
<span className="text-[9px] text-muted-foreground/40 leading-tight block font-mono mt-0.5">
{tool.description}
</span>
</div>