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

fix: header, heroother, cardstarrating styling #15

Merged
RizqiSyahrendra merged 1 commits from dev into main 2025-03-10 17:59:11 +00:00
Conversation 0 Commits 1 Files Changed 3 +3 -3
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Header.tsx
View File

@ -78,7 +78,7 @@ export default function Header({ links }: { links: typeof navMenuData }) {
<div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
<a
href="/contact"
className="bg-extColorPrimary8 px-3 py-2 rounded-full text-white font-bold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-transform duration-300"
className="bg-extColorPrimary6 hover:bg-extColorPrimary8 px-3 py-2 rounded-full text-white font-semibold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-all duration-300"
>
REQUEST CONSULTATION
</a>

2
src/components/HeroOther.tsx
View File

@ -16,7 +16,7 @@ const shareIcons: Record<string, any> = {
export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) {
return (
<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]">
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!pt-52 md:!pb-28 relative min-h-[48vh]">
{/* <!-- Background Shape --> */}
<div className="bg-shape-1 w-full h-full opacity-50 bg-contain">
<Image src={img || "/assets/images/hero-default.webp"} alt="" fill className="object-cover" />

2
src/components/Ratings/CardStarRating.tsx
View File

@ -16,7 +16,7 @@ export function CardStarRating({ data }: CardStarRatingProps) {
<StarRating size={30} value={data.star} />
<Image src="/assets/images/google-provider.svg" width={30} height={30} alt="" />
</div>
<p className="p-1 mt-4 text-[22px]">{limitString(data.description)}</p>
<p className="p-1 mt-4 text-[21px]">{limitString(data.description)}</p>
</div>
);
}