This commit is contained in:
Rao 2025-02-26 22:39:05 +08:00
parent 0c06116742
commit f001062e44
5 changed files with 7 additions and 7 deletions

View File

@ -43,7 +43,7 @@ export default function CourseCard({ course, edit = false }: CourseCardProps) {
}> }>
<div className="px-4 "> <div className="px-4 ">
<div className="overflow-hidden hover:overflow-auto"> <div className="overflow-hidden hover:overflow-auto">
<div className="flex gap-2 mb-4 whiteSpace-nowrap"> <div className="flex gap-2 h-7 mb-4 whiteSpace-nowrap">
{course?.terms?.map((term) => { {course?.terms?.map((term) => {
return ( return (
<> <>

View File

@ -19,7 +19,7 @@ export default function FilterSection() {
}); });
}; };
return ( return (
<div className="bg-white p-6 rounded-lg shadow-sm w-1/6 space-y-6 h-full fixed"> <div className="bg-white z-0 p-6 rounded-lg mt-4 shadow-sm w-1/6 space-y-6 h-[820px] fixed overscroll-contain overflow-x-hidden">
{taxonomies?.map((tax, index) => { {taxonomies?.map((tax, index) => {
const items = Object.entries(selectedTerms).find( const items = Object.entries(selectedTerms).find(
([key, items]) => key === tax.slug ([key, items]) => key === tax.slug
@ -32,7 +32,7 @@ export default function FilterSection() {
<TermParentSelector <TermParentSelector
value={items} value={items}
slug = {tax?.slug} slug = {tax?.slug}
className="w-70 max-h-[500px] overscroll-contain overflow-x-hidden" className="w-70 max-h-[400px] overscroll-contain overflow-x-hidden"
onChange={(selected) => onChange={(selected) =>
handleTermChange( handleTermChange(
tax?.slug, tax?.slug,

View File

@ -2,7 +2,7 @@ import { CloudOutlined, FileSearchOutlined, HomeOutlined, MailOutlined, PhoneOut
import { Layout, Typography } from 'antd'; import { Layout, Typography } from 'antd';
export function MainFooter() { export function MainFooter() {
return ( return (
<footer className="bg-gradient-to-b from-slate-800 to-slate-900 text-secondary-200"> <footer className="bg-gradient-to-b from-slate-800 to-slate-900 z-20 text-secondary-200">
<div className="container mx-auto px-4 py-6"> <div className="container mx-auto px-4 py-6">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4"> <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
{/* 开发组织信息 */} {/* 开发组织信息 */}

View File

@ -45,9 +45,9 @@ export const LectureItem: React.FC<LectureItemProps> = ({
</div> </div>
)} )}
<div className="flex-grow flex justify-between items-center w-2/3 realative"> <div className="flex-grow flex justify-between items-center w-2/3 realative">
<h4 className="font-medium text-gray-800">{lecture.title}</h4> <h4 className="font-medium text-gray-800 w-4/5">{lecture.title}</h4>
{lecture.subTitle && ( {lecture.subTitle && (
<span className="text-sm text-gray-500 mt-1"> <span className="text-sm text-gray-500 mt-1 w-4/5">
{lecture.subTitle} {lecture.subTitle}
</span> </span>
)} )}

View File

@ -192,7 +192,7 @@ export const VideoDisplay: React.FC<VideoDisplayProps> = ({
}, [src, onError, autoPlay]); }, [src, onError, autoPlay]);
return ( return (
<div className="relative w-full h-full"> <div className="relative w-full aspect-video">
<video <video
ref={videoRef} ref={videoRef}
className="w-full h-full" className="w-full h-full"