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() { export default function AnimatePage() {
return ( return (
<AppPage title={tool.title} description={tool.summary} icon={tool.icon}> <AppPage>
<AnimationEditor /> <AnimationEditor />
</AppPage> </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() { export default function ASCIIPage() {
return ( return (
<AppPage <AppPage>
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<ASCIIConverter /> <ASCIIConverter />
</AppPage> </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() { export default function CalculatePage() {
return ( return (
<AppPage title={tool.title} description={tool.summary} icon={tool.icon}> <AppPage>
<Calculator /> <Calculator />
</AppPage> </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() { export default function ColorPage() {
return ( return (
<AppPage <AppPage>
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<ColorManipulation /> <ColorManipulation />
</AppPage> </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() { export default function FaviconPage() {
return ( return (
<AppPage <AppPage>
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<FaviconGenerator /> <FaviconGenerator />
</AppPage> </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() { export default function MediaPage() {
return ( return (
<AppPage <AppPage>
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<FileConverter /> <FileConverter />
</AppPage> </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() { export default function QRCodePage() {
return ( return (
<AppPage <AppPage>
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<QRCodeGenerator /> <QRCodeGenerator />
</AppPage> </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() { export default function UnitsPage() {
return ( return (
<AppPage <AppPage>
title={tool.title}
description={tool.summary}
icon={tool.icon}
>
<MainConverter /> <MainConverter />
</AppPage> </AppPage>
); );

2
components/layout/AppHeader.tsx
View File

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

27
components/layout/AppPage.tsx
View File

@@ -2,38 +2,15 @@ import * as React from 'react';
import { cn } from '@/lib/utils'; import { cn } from '@/lib/utils';
interface AppPageProps { interface AppPageProps {
title: string;
description?: string;
icon?: React.ElementType;
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
} }
export function AppPage({ title, description, icon: Icon, children, className }: AppPageProps) { export function AppPage({ children, className }: AppPageProps) {
return ( return (
<div className={cn('min-h-screen', className)}> <div className={cn('min-h-screen', className)}>
<div className="max-w-7xl mx-auto px-6 lg:px-8 animate-fade-in"> <div className="max-w-7xl mx-auto px-6 lg:px-8 animate-fade-in">
<div className="py-8">
{/* 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">
{children} {children}
</div> </div>
</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"> <span className="whitespace-nowrap block text-[13px] font-medium leading-tight">
{tool.navTitle} {tool.navTitle}
</span> </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} {tool.description}
</span> </span>
</div> </div>