style(ui): global radius audit - enforce sharp corners for cards/buttons, strict circles for icons

This commit is contained in:
MichalC
2026-09-04 00:24:20 +02:00
parent b683647ee5
commit d5abe8e519
9 changed files with 18 additions and 18 deletions
+1 -1
View File
@@ -13,7 +13,7 @@ export default function NotFound() {
</p> </p>
<Link <Link
href="/" href="/"
className="inline-flex items-center justify-center bg-accent hover:bg-accent-hover text-white font-medium px-6 py-3 rounded-[var(--radius-button)] transition-colors" className="inline-flex items-center justify-center bg-accent hover:bg-accent-hover text-white font-medium px-6 py-3 rounded-none transition-colors"
> >
Wróć na stronę główną Wróć na stronę główną
</Link> </Link>
+1 -1
View File
@@ -61,7 +61,7 @@ h1, h2, h3, h4, h5, h6 {
/* Stylizacja elementów interaktywnych dla "premium feel" */ /* Stylizacja elementów interaktywnych dla "premium feel" */
.btn-primary { .btn-primary {
@apply inline-flex items-center justify-center rounded-[var(--radius-button)] px-6 py-3 font-medium text-white transition-all duration-300; @apply inline-flex items-center justify-center rounded-none px-6 py-3 font-medium text-white transition-all duration-300;
background-color: var(--accent-color); background-color: var(--accent-color);
} }
.btn-primary:hover { .btn-primary:hover {
+2 -2
View File
@@ -122,7 +122,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'} href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="mt-2 inline-flex items-center justify-center gap-3 px-6 py-4 bg-green-500 hover:bg-green-600 text-white font-bold text-base rounded-[var(--radius-button)] transition-colors shadow-sm" className="mt-2 inline-flex items-center justify-center gap-3 px-6 py-4 bg-green-500 hover:bg-green-600 text-white font-bold text-base rounded-none transition-colors shadow-sm"
> >
<MessageCircle size={22} /> <MessageCircle size={22} />
<span>{isDe ? 'WhatsApp Chat starten' : 'Napisz na WhatsApp'}</span> <span>{isDe ? 'WhatsApp Chat starten' : 'Napisz na WhatsApp'}</span>
@@ -236,7 +236,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
<div className="pt-2"> <div className="pt-2">
<button <button
type="submit" type="submit"
className="w-full sm:w-auto px-8 py-4 bg-accent hover:bg-accent-hover text-accent-foreground font-bold text-base rounded-[var(--radius-button)] transition-colors shadow-sm flex items-center justify-center gap-2 cursor-pointer" className="w-full sm:w-auto px-8 py-4 bg-accent hover:bg-accent-hover text-accent-foreground font-bold text-base rounded-none transition-colors shadow-sm flex items-center justify-center gap-2 cursor-pointer"
> >
<Send size={18} /> <Send size={18} />
<span>{isDe ? 'Nachricht senden' : 'Wyślij wiadomość'}</span> <span>{isDe ? 'Nachricht senden' : 'Wyślij wiadomość'}</span>
+7 -7
View File
@@ -41,9 +41,9 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
<div className="flex flex-col gap-6"> <div className="flex flex-col gap-6">
{/* 1: Kto się kwalifikuje */} {/* 1: Kto się kwalifikuje */}
<div className="bg-card border-2 border-border rounded-2xl p-6 sm:p-8 shadow-sm"> <div className="bg-card border-2 border-border rounded-none p-6 sm:p-8 shadow-sm">
<div className="flex items-center gap-3 mb-6 pb-4 border-b border-border"> <div className="flex items-center gap-3 mb-6 pb-4 border-b border-border">
<div className="w-10 h-10 rounded-xl bg-accent/10 text-accent flex items-center justify-center shrink-0"> <div className="w-10 h-10 rounded-full bg-accent/10 text-accent flex items-center justify-center shrink-0">
<CheckCircle2 size={24} /> <CheckCircle2 size={24} />
</div> </div>
<h3 className="font-heading text-xl sm:text-2xl font-bold text-foreground"> <h3 className="font-heading text-xl sm:text-2xl font-bold text-foreground">
@@ -67,9 +67,9 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
</div> </div>
{/* 2: Limit przychodów */} {/* 2: Limit przychodów */}
<div className="bg-card border border-border rounded-2xl p-6 sm:p-8 shadow-sm"> <div className="bg-card border border-border rounded-none p-6 sm:p-8 shadow-sm">
<div className="flex items-center gap-3 mb-4"> <div className="flex items-center gap-3 mb-4">
<div className="w-10 h-10 rounded-xl bg-amber-500/10 text-amber-500 flex items-center justify-center shrink-0"> <div className="w-10 h-10 rounded-full bg-amber-500/10 text-amber-500 flex items-center justify-center shrink-0">
<AlertTriangle size={22} /> <AlertTriangle size={22} />
</div> </div>
<h3 className="font-heading text-xl sm:text-2xl font-bold text-foreground"> <h3 className="font-heading text-xl sm:text-2xl font-bold text-foreground">
@@ -82,9 +82,9 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
</div> </div>
{/* 3: Wykluczenia - czerwony kolor ostrzegawczy dla bezpieczeństwa prawnego klienta */} {/* 3: Wykluczenia - czerwony kolor ostrzegawczy dla bezpieczeństwa prawnego klienta */}
<div className="bg-red-500/5 border-2 border-red-500/30 rounded-2xl p-6 sm:p-8 shadow-sm"> <div className="bg-red-500/5 border-2 border-red-500/30 rounded-none p-6 sm:p-8 shadow-sm">
<div className="flex items-center gap-3 mb-4 pb-3 border-b border-red-500/20"> <div className="flex items-center gap-3 mb-4 pb-3 border-b border-red-500/20">
<div className="w-10 h-10 rounded-xl bg-red-500/15 text-red-600 flex items-center justify-center shrink-0"> <div className="w-10 h-10 rounded-full bg-red-500/15 text-red-600 flex items-center justify-center shrink-0">
<XCircle size={22} /> <XCircle size={22} />
</div> </div>
<h3 className="font-heading text-xl sm:text-2xl font-bold text-red-950 dark:text-red-200"> <h3 className="font-heading text-xl sm:text-2xl font-bold text-red-950 dark:text-red-200">
@@ -109,7 +109,7 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
</div> </div>
{legalNotice && ( {legalNotice && (
<div className="mt-10 p-5 rounded-xl bg-background border border-border text-xs sm:text-sm text-foreground/60 leading-relaxed"> <div className="mt-10 p-5 rounded-none bg-background border border-border text-xs sm:text-sm text-foreground/60 leading-relaxed">
<p>{legalNotice}</p> <p>{legalNotice}</p>
</div> </div>
)} )}
+1 -1
View File
@@ -27,7 +27,7 @@ export const FinalCTABlock: React.FC<Props> = ({ eyebrow, title, subtitle, butto
href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'} href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="inline-flex items-center justify-center gap-2.5 px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-base sm:text-lg font-bold rounded-[var(--radius-button)] transition-colors shadow-sm" className="inline-flex items-center justify-center gap-2.5 px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-base sm:text-lg font-bold rounded-none transition-colors shadow-sm"
> >
<MessageCircle size={22} /> <MessageCircle size={22} />
<span>{buttonText}</span> <span>{buttonText}</span>
+1 -1
View File
@@ -139,7 +139,7 @@ export const HeroBlock: React.FC<Props> = ({
href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'} href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="px-8 py-4 bg-green-500 hover:bg-green-600 text-white font-bold text-base sm:text-lg transition-colors flex items-center justify-center rounded-[var(--radius-button)] shadow-sm cursor-pointer" className="px-8 py-4 bg-green-500 hover:bg-green-600 text-white font-bold text-base sm:text-lg transition-colors flex items-center justify-center rounded-none shadow-sm cursor-pointer"
> >
{primaryCta} {primaryCta}
</a> </a>
+2 -2
View File
@@ -55,7 +55,7 @@ export function Footer({
{/* Kolumna 1: Dane kontaktowe */} {/* Kolumna 1: Dane kontaktowe */}
<div className="flex flex-col gap-6"> <div className="flex flex-col gap-6">
<Link href={`/${currentLocaleCode}`} className="group flex items-center gap-3 w-fit mb-4"> <Link href={`/${currentLocaleCode}`} className="group flex items-center gap-3 w-fit mb-4">
<div className="w-10 h-10 rounded bg-accent text-white flex items-center justify-center font-heading font-bold text-xl group-hover:bg-accent-hover transition-colors shadow-sm"> <div className="w-10 h-10 rounded-none bg-accent text-white flex items-center justify-center font-heading font-bold text-xl group-hover:bg-accent-hover transition-colors shadow-sm">
JK JK
</div> </div>
<div className="flex flex-col"> <div className="flex flex-col">
@@ -122,7 +122,7 @@ export function Footer({
<h3 className="text-sm font-semibold text-foreground/60 uppercase tracking-wider"> <h3 className="text-sm font-semibold text-foreground/60 uppercase tracking-wider">
{currentLocaleCode === 'de' ? 'Mitgliedschaft' : 'Członkostwo'} {currentLocaleCode === 'de' ? 'Mitgliedschaft' : 'Członkostwo'}
</h3> </h3>
<div className="bg-background border border-border p-6 rounded-2xl shadow-sm flex flex-col gap-5 items-start"> <div className="bg-background border border-border p-6 rounded-none shadow-sm flex flex-col gap-5 items-start">
<span className="text-sm text-foreground/80 leading-relaxed font-medium"> <span className="text-sm text-foreground/80 leading-relaxed font-medium">
{assocTitle} {assocTitle}
</span> </span>
+2 -2
View File
@@ -37,7 +37,7 @@ export function Header({ navItems = [] }: { navItems?: any[] }) {
<div className="container-premium flex items-center justify-between"> <div className="container-premium flex items-center justify-between">
{/* Logo */} {/* Logo */}
<Link href={`/${currentLocale.code}`} className="group flex items-center gap-3 z-50"> <Link href={`/${currentLocale.code}`} className="group flex items-center gap-3 z-50">
<div className="w-10 h-10 rounded bg-accent text-white flex items-center justify-center font-heading font-bold text-xl group-hover:bg-accent-hover transition-colors shadow-sm"> <div className="w-10 h-10 rounded-none bg-accent text-white flex items-center justify-center font-heading font-bold text-xl group-hover:bg-accent-hover transition-colors shadow-sm">
JK JK
</div> </div>
<div className="flex flex-col"> <div className="flex flex-col">
@@ -143,7 +143,7 @@ export function Header({ navItems = [] }: { navItems?: any[] }) {
href={process.env.NEXT_PUBLIC_WHATSAPP_NUMBER ? `https://wa.me/${process.env.NEXT_PUBLIC_WHATSAPP_NUMBER}` : '#'} href={process.env.NEXT_PUBLIC_WHATSAPP_NUMBER ? `https://wa.me/${process.env.NEXT_PUBLIC_WHATSAPP_NUMBER}` : '#'}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="flex items-center justify-center gap-2 bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-[var(--radius-button)] transition-colors w-full max-w-xs shadow-lg" className="flex items-center justify-center gap-2 bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-none transition-colors w-full max-w-xs shadow-lg"
> >
<MessageCircle size={24} /> <MessageCircle size={24} />
<span className="font-bold text-lg">WhatsApp</span> <span className="font-bold text-lg">WhatsApp</span>
+1 -1
View File
@@ -48,7 +48,7 @@ export function LanguageSwitcher() {
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: 10 }} exit={{ opacity: 0, y: 10 }}
transition={{ duration: 0.2 }} transition={{ duration: 0.2 }}
className="absolute right-0 mt-2 w-32 bg-card rounded-xl shadow-lg border border-border overflow-hidden z-50" className="absolute right-0 mt-2 w-32 bg-card rounded-none shadow-lg border border-border overflow-hidden z-50"
> >
{i18n.locales.map((locale) => { {i18n.locales.map((locale) => {
const newPath = clientSwitchLocalePath(pathname, locale.code, slugs); const newPath = clientSwitchLocalePath(pathname, locale.code, slugs);