style(ui): fix Eligibility block unbalanced grid by using single column layout
This commit is contained in:
@@ -39,8 +39,8 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 items-start">
|
||||
{/* Kolumna 1: Kto się kwalifikuje */}
|
||||
<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="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">
|
||||
@@ -66,9 +66,7 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Kolumna 2: Ograniczenia i Wykluczenia */}
|
||||
<div className="flex flex-col gap-6">
|
||||
{/* 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="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">
|
||||
@@ -83,8 +81,7 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Wykluczenia - świadomy wyjątek kolorystyczny (czerwony) dla bezpieczeństwa prawnego klienta */}
|
||||
{/* Świadomy wyjątek: czerwony kolor ostrzegawczy dla wykluczeń prawnych (poza paletą motywu) */}
|
||||
{/* 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="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">
|
||||
@@ -110,7 +107,6 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
|
||||
Reference in New Issue
Block a user