fix: style

This commit is contained in:
Val 2025-03-03 22:27:51 +07:00
parent e6b42e0b14
commit 18f4b1dd54
8 changed files with 39 additions and 23 deletions

View File

@ -3908,6 +3908,10 @@ a.logo:hover {
display: none; display: none;
} }
.body-scrolled .social-nav {
color: var(--color-dark-3);
}
/* Menu sub */ /* Menu sub */
.inner-nav .mi-chevron-down { .inner-nav .mi-chevron-down {

View File

@ -59,7 +59,6 @@ function Loading() {
return ( return (
<> <>
<HeroOther /> <HeroOther />
{/* Section */} {/* Section */}
<BlogDetailContentSkeleton /> <BlogDetailContentSkeleton />
{/* End Section */} {/* End Section */}

View File

@ -31,8 +31,8 @@ export default async function BlogPage({ searchParams }: { searchParams?: Promis
placeholder="Search blog..." placeholder="Search blog..."
className="input-lg input-circle form-control h-12" className="input-lg input-circle form-control h-12"
/> />
<div className="input-group-append"> <div className="input-group-append px-2">
<button className="btn btn-info text-white h-12" type="submit"> <button className="btn btn-info text-white h-12 px-5" type="submit">
Search Search
</button> </button>
</div> </div>

View File

@ -20,7 +20,7 @@ export interface BlogCardItemProps {
export function BlogCardItem({ data }: BlogCardItemProps) { export function BlogCardItem({ data }: BlogCardItemProps) {
return ( return (
<div className="post-prev-3 col-12 col-md-6 col-lg-4 col-xl-4 mt-50"> <div className="post-prev-3 col-12 col-md-6 col-lg-4 col-xl-4 mt-50">
<div className="post-prev-3-container flex flex-col"> <div className="post-prev-3-container flex flex-col shadow-md hover:scale-[1.02]">
<div className="relative w-full h-[200px]"> <div className="relative w-full h-[200px]">
<a href={`/${data.slug}/`}> <a href={`/${data.slug}/`}>
<Image src={data?.img?.url ?? ""} alt={data?.img?.alt ?? ""} fill className="object-cover" /> <Image src={data?.img?.url ?? ""} alt={data?.img?.alt ?? ""} fill className="object-cover" />

View File

@ -5,6 +5,12 @@ import { navMenuData } from "@/data/menu";
import { toggleMobileMenu } from "@/utils/toggleMobileMenu"; import { toggleMobileMenu } from "@/utils/toggleMobileMenu";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa";
const shareIcons: Record<string, any> = {
facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />,
linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />,
twitter: <FaTwitter className="social-nav text-2xl lg:text-gray-300" />,
};
export default function Header({ links }: { links: typeof navMenuData }) { export default function Header({ links }: { links: typeof navMenuData }) {
return ( return (
@ -49,6 +55,15 @@ export default function Header({ links }: { links: typeof navMenuData }) {
<li></li> <li></li>
</ul> </ul>
</div> </div>
<div className="flex mt-4 gap-3">
{Object.keys(shareIcons).map((k, idx) => {
return (
<a key={idx} className="cursor-pointer" href={"/"} target="_blank">
{shareIcons[k]}
</a>
);
})}
</div>
{/* End Main Menu */} {/* End Main Menu */}
</div> </div>
); );

View File

@ -7,7 +7,7 @@ export default function Hero() {
return ( return (
<section className="home-section bg-dark-1 bg-dark-alpha-30 light-content scrollSpysection" id="home"> <section className="home-section bg-dark-1 bg-dark-alpha-30 light-content scrollSpysection" id="home">
<div className="container min-h-[90vh] d-flex align-items-center pt-100 pb-100 pt-sm-120 pb-sm-120"> <div className="container min-h-[70vh] d-flex align-items-center pt-100 pb-100 pt-sm-120 pb-sm-120">
{/* Background Video */} {/* Background Video */}
{/* Please replace the video file in folder "video" with your own file */} {/* Please replace the video file in folder "video" with your own file */}
<div className="bg-video-wrapper"> <div className="bg-video-wrapper">

View File

@ -16,10 +16,16 @@ 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"> <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]">
{/* <!-- Background Shape --> */} {/* <!-- Background Shape --> */}
<div className="bg-shape-1 w-full h-full opacity-50"> <div className="bg-shape-1 w-full h-full opacity-50 bg-contain">
<Image src={!!img ? img : "/assets/images/hero-default.webp"} fill alt="" /> <Image
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 --> */}

View File

@ -16,29 +16,21 @@ export default function homepage({ dark = false }) {
<Image src="/assets/images/demo-slick/decoration-2.svg" alt="Image Description" width={128} height={228} /> <Image src="/assets/images/demo-slick/decoration-2.svg" alt="Image Description" width={128} height={228} />
</div> </div>
</div> </div>
<div className="w-full absolute -top-20 md:-top-40 lg:-top-20 z-[99] flex"> <div className="relative">
<div className="bg-white w-11/12 lg:w-9/12 xl:w-8/12 mx-auto flex flex-col md:flex-row p-3 space-x-3 space-y-3 rounded-xl shadow-xl"> <div className="w-full mt-[-200px] mb-[50px] z-[99] flex justify-center">
<div className="flex-1 relative"> <div className="bg-white h-full flex flex-col lg:flex-row flex-wrap justify-center p-4 lg:p-8 gap-3 rounded-xl shadow-xl">
<Image <Image
className="rounded-xl"
src="/assets/images/Cochise_New-service_Radixact-Announcement-900x900-1-1-768x768.webp" src="/assets/images/Cochise_New-service_Radixact-Announcement-900x900-1-1-768x768.webp"
alt="" width={450}
width={500}
height={0} height={0}
className="w-full h-auto rounded-xl"
/>
</div>
<div className="flex-1 relative">
<Image
src="/assets/images/cochise-welcome.png"
alt="" alt=""
width={500}
height={0}
className="w-full h-auto rounded-xl"
/> />
<Image className="rounded-xl" src="/assets/images/cochise-welcome.png" width={500} height={0} alt="" />
</div> </div>
</div> </div>
</div> </div>
<div className="w-full flex flex-wrap justify-center space-x-5 space-y-4 mt-[550px] md:mt-[24vh] lg:mt-[62vh] wow fadeInUp"> <div className="w-full flex flex-wrap justify-center space-x-5 wow fadeInUp">
<Link href="/radiation-oncology"> <Link href="/radiation-oncology">
<div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('/assets/images/cochise-radiation-oncology-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative"> <div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('/assets/images/cochise-radiation-oncology-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative">
<div className="h-full w-full rounded-full bg-gradient-to-b from-[#E3B19B82] to-[#798D90] text-center align-middle flex items-center justify-center"></div> <div className="h-full w-full rounded-full bg-gradient-to-b from-[#E3B19B82] to-[#798D90] text-center align-middle flex items-center justify-center"></div>