style(affiliation): fix icon and logo visibility in dark mode
This commit is contained in:
@@ -22,14 +22,13 @@ export const AffiliationBlock: React.FC<Props> = ({ eyebrow, title, description,
|
||||
<div className="container-premium">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24 items-center">
|
||||
|
||||
{/* Lewa kolumna: Logo (Stamp) */}
|
||||
<div className="lg:col-span-5 flex justify-center lg:justify-end order-1">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, scale: 1.5, rotate: -15 }}
|
||||
whileInView={{ opacity: 1, scale: 1, rotate: 0 }}
|
||||
viewport={{ once: true, margin: "-50px" }}
|
||||
transition={{ type: "spring", stiffness: 100, damping: 15 }}
|
||||
className="w-48 h-48 md:w-64 md:h-64 relative bg-card rounded-full p-8 shadow-xl border-4 border-accent/20 flex items-center justify-center shrink-0"
|
||||
className={`w-48 h-48 md:w-64 md:h-64 relative ${logoUrl ? 'bg-white' : 'bg-card'} rounded-full p-8 shadow-xl border-4 border-accent/20 flex items-center justify-center shrink-0`}
|
||||
>
|
||||
{logoUrl ? (
|
||||
/* eslint-disable-next-line @next/next/no-img-element */
|
||||
@@ -39,8 +38,8 @@ export const AffiliationBlock: React.FC<Props> = ({ eyebrow, title, description,
|
||||
className="max-w-full max-h-full object-contain mix-blend-multiply"
|
||||
/>
|
||||
) : (
|
||||
<div className="w-full h-full flex flex-col items-center justify-center text-border bg-card rounded-full">
|
||||
<Landmark size={48} strokeWidth={1.5} />
|
||||
<div className="w-full h-full flex flex-col items-center justify-center text-accent rounded-full">
|
||||
<Landmark className="w-20 h-20 md:w-28 md:h-28" strokeWidth={1.5} />
|
||||
</div>
|
||||
)}
|
||||
</motion.div>
|
||||
|
||||
Reference in New Issue
Block a user