michal.cukrowski/j_kedzierski
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/blocks/ContactInfo/Component.tsx
+2 -2
View File
@@ -122,7 +122,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
target="_blank"
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} />
<span>{isDe ? 'WhatsApp Chat starten' : 'Napisz na WhatsApp'}</span>
@@ -236,7 +236,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
<div className="pt-2">
<button
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} />
<span>{isDe ? 'Nachricht senden' : 'Wyślij wiadomość'}</span>
src/blocks/Eligibility/Component.tsx
+7 -7
View File
@@ -41,9 +41,9 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
<div className="flex flex-col gap-6">
{/* 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="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} />
</div>
<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>
{/* 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="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} />
</div>
<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>
{/* 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="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} />
</div>
<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>
{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>
</div>
)}
src/blocks/FinalCTA/Component.tsx
+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 || '#'}
target="_blank"
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} />
<span>{buttonText}</span>
src/blocks/Hero/Component.tsx
+1 -1
View File
@@ -139,7 +139,7 @@ export const HeroBlock: React.FC<Props> = ({
href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
target="_blank"
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}
</a>