-
Notifications
You must be signed in to change notification settings - Fork 5
Fasih/DPROD-3003/Added heading option and removed content #391
Conversation
Deploying with Cloudflare Pages
|
{content && ( | ||
<> | ||
<div className="absolute inset-50 z-10 bg-cta-gradient lg:bg-none"></div> | ||
<div className="-z-10 h-full w-full overflow-hidden object-cover object-top max-lg:absolute lg:relative "> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why are we using max-lg
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div className="-z-10 h-full w-full overflow-hidden object-cover object-top max-lg:absolute lg:relative "> | |
<div className="-z-10 h-full w-full overflow-hidden object-cover object-top absolute lg:relative "> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi @meenakshi-deriv can you please help to check @hasan-deriv's question ?
<Heading.H2 className="hidden lg:block">{title}</Heading.H2> | ||
<Heading.H2 className="z-20 block text-solid-slate-50 max-sm:w-full sm:w-[350px] lg:hidden lg:w-full"> | ||
{title} | ||
</Heading.H2> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why two heading? and why max-sm
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi @meenakshi-deriv can you please help to check @hasan-deriv's question ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<Heading.H2 className="hidden lg:block">{title}</Heading.H2> | |
<Heading.H2 className="z-20 block text-solid-slate-50 max-sm:w-full sm:w-[350px] lg:hidden lg:w-full"> | |
{title} | |
</Heading.H2> | |
<Heading.H2 className="hidden lg:block">{title}</Heading.H2> | |
<Heading.H2 className="z-20 block text-solid-slate-50 w-full sm:w-[350px] lg:hidden"> | |
{title} | |
</Heading.H2> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
hi @hasan-deriv this is because some tailwind classes were not applying on deriv-hk-gold. we tried many ways but only this approach fixed the issue.
f0f8cbc
Fix heading option and removed content prop for hero.contentless block