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

style: standardize button border-radius using --radius-button token

Browse Source
This commit is contained in:
MichalC
2026-09-01 23:47:45 +02:00
parent d2592ffeca
commit ae10f45a7e
4 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+4 -1
View File
@@ -22,6 +22,9 @@
/* Ciemniejszy złoty/ochra dla zachowania kontrastu na jasnym tle */
--accent-color: #7B5C35;
--accent-hover-color: #614828;
/* Globalny token dla przycisków prostokątnych (umiarkowane zaokrąglenie, nie pill) */
--radius-button: 6px;
}
[data-theme="dark"] {
@@ -58,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-lg px-6 py-3 font-medium text-white transition-all duration-300;
@apply inline-flex items-center justify-center rounded-[var(--radius-button)] px-6 py-3 font-medium text-white transition-all duration-300;
background-color: var(--accent-color);
}
.btn-primary:hover {
src/blocks/FinalCTA/Component.tsx
+1 -1
View File
@@ -29,7 +29,7 @@ export const FinalCTABlock: React.FC<Props> = ({ title, subtitle, buttonText })
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-xl 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-[var(--radius-button)] transition-colors shadow-sm"
>
<MessageCircle size={22} />
<span>{buttonText}</span>
src/blocks/Hero/Component.tsx
+1 -1
View File
@@ -81,7 +81,7 @@ export const HeroBlock: React.FC<Props> = ({ title, subtitle, primaryCta, second
href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
target="_blank"
rel="noopener noreferrer"
className="px-10 py-5 bg-accent hover:bg-accent/90 text-background font-bold text-lg transition-colors flex items-center justify-center"
className="px-10 py-5 bg-accent hover:bg-accent/90 text-background font-bold text-lg transition-colors flex items-center justify-center rounded-[var(--radius-button)]"
>
{primaryCta}
</a>
src/components/Header/index.tsx
+1 -1
View File
@@ -110,7 +110,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-full 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-[var(--radius-button)] transition-colors w-full max-w-xs shadow-lg"
>
<MessageCircle size={24} />
<span className="font-bold text-lg">WhatsApp</span>