style(ui): global radius audit - enforce sharp corners for cards/buttons, strict circles for icons
This commit is contained in:
@@ -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
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user