Chneemann/waveform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(legal): update UI design for legal pages
All checks were successful
Deploy Waveform to VPS / deploy (push) Successful in 1m17s
Details

Browse source
This commit is contained in:
Chneemann 2026-09-29 04:03:29 +02:00
parent a37a2eb151
commit 342dbc549f
No known key found for this signature in database
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/(legal)/imprint/page.tsx
View file

@ -13,12 +13,12 @@ export default async function ImprintPage() {
<div className="space-y-6 text-sm mt-4 text-foreground/80 leading-relaxed"> <div className="space-y-6 text-sm mt-4 text-foreground/80 leading-relaxed">
{/* Information pursuant to § 5 DDG */} {/* Information pursuant to § 5 DDG */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Information Pursuant to § <span className="text-accent">//</span> Information Pursuant to §
5 DDG 5 DDG
</h2> </h2>
<div className="font-mono text-xs bg-background/80 p-4 rounded-xl border border-surface/80 text-foreground space-y-1"> <div className="font-mono text-xs bg-background border border-surface/80 rounded-xl p-4 text-foreground space-y-1">
<p className="font-semibold text-white">André Kempf</p> <p className="font-semibold text-white">André Kempf</p>
<p className="text-accent">Full-Stack Web Developer</p> <p className="text-accent">Full-Stack Web Developer</p>
<p className="text-muted">Großschneidersweg 2a</p> <p className="text-muted">Großschneidersweg 2a</p>
@ -30,11 +30,11 @@ export default async function ImprintPage() {
</div> </div>
{/* Contact */} {/* Contact */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Contact <span className="text-accent">//</span> Contact
</h2> </h2>
<div className="p-4 rounded-xl bg-background/80 border border-surface/80 font-mono text-xs"> <div className="p-4 bg-background border border-surface/80 rounded-xl font-mono text-xs">
<p className="text-muted"> <p className="text-muted">
<span className="text-white">Email:</span>{" "} <span className="text-white">Email:</span>{" "}
<span className="text-accent hover:underline cursor-pointer"> <span className="text-accent hover:underline cursor-pointer">
@ -45,7 +45,7 @@ export default async function ImprintPage() {
</div> </div>
{/* Disclaimer */} {/* Disclaimer */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-4"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Disclaimer & Legal Notes <span className="text-accent">//</span> Disclaimer & Legal Notes
</h2> </h2>
@ -85,7 +85,7 @@ export default async function ImprintPage() {
</div> </div>
{/* Dispute Resolution */} {/* Dispute Resolution */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Dispute Resolution <span className="text-accent">//</span> Dispute Resolution
</h2> </h2>

12
app/(legal)/privacy/page.tsx
View file

@ -13,7 +13,7 @@ export default async function PrivacyPage() {
<div className="space-y-6 text-sm mt-4 text-foreground/80 leading-relaxed"> <div className="space-y-6 text-sm mt-4 text-foreground/80 leading-relaxed">
{/* Overview */} {/* Overview */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-4"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Data Protection at a <span className="text-accent">//</span> Data Protection at a
Glance Glance
@ -41,7 +41,7 @@ export default async function PrivacyPage() {
</div> </div>
{/* Responsible Party */} {/* Responsible Party */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Responsible Party <span className="text-accent">//</span> Responsible Party
(Controller) (Controller)
@ -49,7 +49,7 @@ export default async function PrivacyPage() {
<p className="text-muted"> <p className="text-muted">
The controller responsible for data processing on this website is: The controller responsible for data processing on this website is:
</p> </p>
<div className="font-mono text-xs bg-background/80 p-4 rounded-xl border border-surface/80 text-foreground space-y-1"> <div className="font-mono text-xs bg-background border border-surface/80 rounded-xl p-4 text-foreground space-y-1">
<p className="font-semibold text-white">André Kempf</p> <p className="font-semibold text-white">André Kempf</p>
<p className="text-muted">Großschneidersweg 2a</p> <p className="text-muted">Großschneidersweg 2a</p>
<p className="text-muted">76149 Karlsruhe, Germany</p> <p className="text-muted">76149 Karlsruhe, Germany</p>
@ -63,7 +63,7 @@ export default async function PrivacyPage() {
</div> </div>
{/* Hosting & Server Log Files */} {/* Hosting & Server Log Files */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Hosting & Server <span className="text-accent">//</span> Hosting & Server
Infrastructure Infrastructure
@ -81,7 +81,7 @@ export default async function PrivacyPage() {
</div> </div>
{/* Server Analytics */} {/* Server Analytics */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Server Analytics & <span className="text-accent">//</span> Server Analytics &
Privacy-First Tracking Privacy-First Tracking
@ -120,7 +120,7 @@ export default async function PrivacyPage() {
</div> </div>
{/* Your Rights */} {/* Your Rights */}
<div className="rounded-2xl border border-surface/80 bg-surface/30 p-6 shadow-xl space-y-3"> <div className="bg-surface border border-muted/20 rounded-xl p-6 shadow-xl space-y-3">
<h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono"> <h2 className="text-base font-semibold text-white flex items-center gap-2 font-mono">
<span className="text-accent">//</span> Your Rights <span className="text-accent">//</span> Your Rights
</h2> </h2>