This commit is contained in:
Rao 2025-02-26 15:48:31 +08:00
commit 5391ddbb3a
4 changed files with 8 additions and 9 deletions

View File

@ -24,8 +24,7 @@ export default function CourseCard({ course }: CourseCardProps) {
onClick={() => handleClick(course)}
key={course.id}
hoverable
className="group overflow-hidden rounded-2xl border border-gray-200 bg-white
shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2"
className="group overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2"
cover={
<div className="relative h-56 bg-gradient-to-br from-gray-900 to-gray-800 overflow-hidden">
<div

View File

@ -43,7 +43,7 @@ const CategorySection = () => {
return (
<section className="py-8 relative overflow-hidden">
<div className="max-w-screen-2xl mx-auto px-4 relative">
<div className="text-center mb-24">
<div className="text-center mb-12">
<Title
level={2}
className="font-bold text-5xl mb-6 bg-gradient-to-r from-gray-900 via-gray-700 to-gray-800 bg-clip-text text-transparent motion-safe:animate-gradient-x">

View File

@ -44,7 +44,8 @@ const CoursesSection: React.FC<CoursesSectionProps> = ({
type: TaxonomySlug.CATEGORY,
});
return (
<section className="relative py-20 overflow-hidden bg-gradient-to-b from-gray-50 to-white">
<section className="relative py-16 overflow-hidden bg-gray-200">
<div className="absolute inset-0 bg-white max-w-screen-2xl mx-auto px-6"></div>
<div className="max-w-screen-2xl mx-auto px-6 relative">
<div className="flex justify-between items-end mb-16 ">
<div>
@ -53,7 +54,6 @@ const CoursesSection: React.FC<CoursesSectionProps> = ({
className="font-bold text-5xl mb-6 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
{title}
</Title>
<Text
type="secondary"
className="text-xl font-light text-gray-600">

View File

@ -11,7 +11,7 @@ export function MainLayout() {
<MainProvider>
<Layout className="min-h-screen bg-gray-100">
<MainHeader />
<Content className="mt-16 bg-gray-50 ">
<Content className="mt-16 bg-gray-200 ">
<Outlet />
</Content>
<MainFooter />