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/app/(frontend)/not-found.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ export default function NotFound() {
</p>
<Link
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ą
</Link>
src/app/globals.css
+1 -1
View File
@@ -61,7 +61,7 @@ h1, h2, h3, h4, h5, h6 {
/* Stylizacja elementów interaktywnych dla "premium feel" */
.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);
}
.btn-primary:hover {
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>
src/components/Footer/index.tsx
+2 -2
View File
@@ -55,7 +55,7 @@ export function Footer({
{/* Kolumna 1: Dane kontaktowe */}
<div className="flex flex-col gap-6">
<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
</div>
<div className="flex flex-col">
@@ -122,7 +122,7 @@ export function Footer({
<h3 className="text-sm font-semibold text-foreground/60 uppercase tracking-wider">
{currentLocaleCode === 'de' ? 'Mitgliedschaft' : 'Członkostwo'}
</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">
{assocTitle}
</span>
src/components/Header/index.tsx
+2 -2
View File
@@ -37,7 +37,7 @@ export function Header({ navItems = [] }: { navItems?: any[] }) {
<div className="container-premium flex items-center justify-between">
{/* Logo */}
<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
</div>
<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}` : '#'}
target="_blank"
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} />
<span className="font-bold text-lg">WhatsApp</span>
src/components/LanguageSwitcher/index.tsx
+1 -1
View File
@@ -48,7 +48,7 @@ export function LanguageSwitcher() {
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: 10 }}
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) => {
const newPath = clientSwitchLocalePath(pathname, locale.code, slugs);