linfeng
/
staff_data
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add .Li

This commit is contained in:
Li1304553726 2025-02-26 13:10:01 +08:00
parent 4c239ce85a
commit dbabef92b8
5 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/web/src/app/main/courses/components/CourseCard.tsx
View File

@ -24,8 +24,7 @@ export default function CourseCard({ course }: CourseCardProps) {
onClick={() => handleClick(course)} onClick={() => handleClick(course)}
key={course.id} key={course.id}
hoverable hoverable
className="group overflow-hidden rounded-2xl border border-gray-200 bg-white 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"
shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2"
cover={ cover={
<div className="relative h-56 bg-gradient-to-br from-gray-900 to-gray-800 overflow-hidden"> <div className="relative h-56 bg-gradient-to-br from-gray-900 to-gray-800 overflow-hidden">
<div <div
@ -48,10 +47,10 @@ export default function CourseCard({ course }: CourseCardProps) {
// color={term.taxonomy.slug===TaxonomySlug.CATEGORY? "blue" : "green"} // color={term.taxonomy.slug===TaxonomySlug.CATEGORY? "blue" : "green"}
color={ color={
term?.taxonomy?.slug === term?.taxonomy?.slug ===
TaxonomySlug.CATEGORY TaxonomySlug.CATEGORY
? "blue" ? "blue"
: term?.taxonomy?.slug === : term?.taxonomy?.slug ===
TaxonomySlug.LEVEL TaxonomySlug.LEVEL
? "green" ? "green"
: "orange" : "orange"
} }

2
apps/web/src/app/main/home/components/CategorySection.tsx
View File

@ -43,7 +43,7 @@ const CategorySection = () => {
return ( return (
<section className="py-8 relative overflow-hidden"> <section className="py-8 relative overflow-hidden">
<div className="max-w-screen-2xl mx-auto px-4 relative"> <div className="max-w-screen-2xl mx-auto px-4 relative">
<div className="text-center mb-24"> <div className="text-center mb-12">
<Title <Title
level={2} 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"> 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">

6
apps/web/src/app/main/home/components/CoursesSection.tsx
View File

@ -43,16 +43,16 @@ const CoursesSection: React.FC<CoursesSectionProps> = ({
type: TaxonomySlug.CATEGORY, type: TaxonomySlug.CATEGORY,
}); });
return ( 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="max-w-screen-2xl mx-auto px-6 relative">
<div className="flex justify-between items-end mb-16"> <div className="flex justify-between items-end mb-16 ">
<div> <div>
<Title <Title
level={2} level={2}
className="font-bold text-5xl mb-6 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent"> className="font-bold text-5xl mb-6 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
{title} {title}
</Title> </Title>
<Text <Text
type="secondary" type="secondary"
className="text-xl font-light text-gray-600"> className="text-xl font-light text-gray-600">

2
apps/web/src/app/main/home/components/HeroSection.tsx
View File

@ -111,7 +111,7 @@ const HeroSection = () => {
{ {
countStatistics > 1 && ( countStatistics > 1 && (
<div className="absolute -bottom-20 left-1/2 -translate-x-1/2 w-3/5 max-w-6xl px-4"> <div className="absolute -bottom-20 left-1/2 -translate-x-1/2 w-3/5 max-w-6xl px-4">
<div className={`rounded-2xl grid grid-cols-${countStatistics} md:grid-cols-${countStatistics} gap-4 md:gap-8 p-6 md:p-8 bg-white border shadow-xl hover:shadow-2xl transition-shadow duration-500 will-change-[transform,box-shadow]`}> <div className={`rounded-2xl grid grid-cols-${countStatistics} md:grid-cols-${countStatistics} gap-4 md:gap-8 p-6 md:p-8 bg-white border duration-500 `}>
{platformStats.map((stat, index) => { {platformStats.map((stat, index) => {
return stat.value return stat.value
? (<div ? (<div

2
apps/web/src/app/main/layout/MainLayout.tsx
View File

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