updated size

This commit is contained in:
Philip Cheung 2024-10-08 22:48:26 +08:00
parent cb2030e8aa
commit 5c3efe4f2b
3 changed files with 3 additions and 3 deletions

View File

@ -125,7 +125,7 @@ const CourseImagesSilder = ({ courseData }: { courseData: CoursesProps }) => {
{courseData.images.map((image, index) => { {courseData.images.map((image, index) => {
return ( return (
<div key={index} className="px-4"> <div key={index} className="px-4">
<div key={index} className="relative h-[45vw] transition-all justify-items-center mb-16"> <div key={index} className="relative h-[38vw] transition-all justify-items-center mb-16">
<img <img
src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${image.image}`} src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${image.image}`}
alt={`Course Image ${index + 1}`} alt={`Course Image ${index + 1}`}

View File

@ -75,7 +75,7 @@ const CoursesSilder = ({ courses }: { courses: CoursesProps[] }) => {
</div> </div>
</div> </div>
<div className=" relative w-[50vh] h-[70vh] max-sm:w-[36vh] max-sm:h-[60vh] mt-20 mb-28 overflow-hidden rounded-3xl shadow-md sm:block md:block lg:hidden xl:hidden 2xl:hidden mx-auto"> <div className=" relative w-[50vh] h-[70vh] max-sm:w-[85vw] max-sm:h-[60vh] mt-20 mb-28 overflow-hidden rounded-3xl shadow-md sm:block md:block lg:hidden xl:hidden 2xl:hidden mx-auto">
<img <img
src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${course.images[0].image}`} src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${course.images[0].image}`}
alt="Course Image" alt="Course Image"

View File

@ -17,7 +17,7 @@ const Hero2 = ({ settings }: { settings: SettingsProps }) => {
<div className="flex w-full h-auto justify-center items-center relative"> <div className="flex w-full h-auto justify-center items-center relative">
<div className="bg-[url('/images/014.png')] absolute bottom-0 inset-0 h-auto w-full bg-contain bg-bottom bg-no-repeat"></div> <div className="bg-[url('/images/014.png')] absolute bottom-0 inset-0 h-auto w-full bg-contain bg-bottom bg-no-repeat"></div>
<iframe <iframe
className="rounded-2xl w-[100vh] aspect-video justify-center relative z-10 lg:m-[15vh] max-sm:m-[5vh] md:m-[10vh]" className="rounded-2xl w-[85vw] aspect-video justify-center relative z-10 lg:m-[15vh] max-sm:m-[5vh] md:m-[10vh]"
src={convertToEmbedLink(settings.youtube_link)} src={convertToEmbedLink(settings.youtube_link)}
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen allowFullScreen