rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: heroother styling

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-03-04 10:03:29 +07:00
parent 7ce9b0e2b1
commit 8703cbaa53
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/HeroOther.tsx
View File

@ -16,23 +16,17 @@ const shareIcons: Record<string, any> = {
export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) { export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) {
return ( return (
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!py-48 relative !h-[30vw]"> <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!pt-32 md:!pb-24 relative min-h-[48vh]">
{/* <!-- Background Shape --> */} {/* <!-- Background Shape --> */}
<div className="bg-shape-1 w-full h-full opacity-50 bg-contain"> <div className="bg-shape-1 w-full h-full opacity-50 bg-contain">
<Image <Image src={img || "/assets/images/hero-default.webp"} alt="" fill className="object-cover" />
src={img || "/assets/images/hero-default.webp"}
width={1000}
height={500}
alt=""
className="w-screen h-screen object-cover object-center"
/>
</div> </div>
{/* <!-- End Background Shape --> */} {/* <!-- End Background Shape --> */}
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative pt-sm-40 text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 className="hs-title-10 mb-10">{title ?? ""}</h1> <h1 className="text-5xl !font-medium mb-10 leading-[1.5]">{title ?? ""}</h1>
{!!createdAt && ( {!!createdAt && (
<div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s"> <div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s">
<div className="flex justify-center items-center"> <div className="flex justify-center items-center">