add .

apps/web/src/app/main/path/components/TermInfo.tsx

@@ -5,17 +5,17 @@ const TermInfo = ({ post }: { post: PostDto }) => {
 	return (
 		<div>
 			{post?.terms && post?.terms?.length > 0 ? (
-				<div className="flex gap-2 mb-4">
+				<div className="flex gap-2 ">
 					{post?.terms?.map((term: any) => {
 						return (
 							<Tag
 								key={term.id}
 								color={
 									term?.taxonomy?.slug ===
-									TaxonomySlug.CATEGORY
+										TaxonomySlug.CATEGORY
 										? "green"
 										: term?.taxonomy?.slug ===
-											  TaxonomySlug.LEVEL
+											TaxonomySlug.LEVEL
 											? "blue"
 											: "orange"
 								}

apps/web/src/components/common/uploader/ResourceShower.tsx

@@ -108,15 +108,15 @@ export default function ResourcesShower({
 												{resource.title?.slice(0, 12) ||
 													"未命名"}
 											</p>
-											<div className="flex items-center justify-between text-xs text-gray-500">
-												<span className="bg-gray-100 px-0.5 rounded-sm">
+											<div className="flex items-center justify-between text-xs text-gray-500 ">
+												<span className="bg-gray-100 px-0.5 rounded-sm mr-2 whitespace-pre-wrap">
 													{resource.url
 														.split(".")
 														.pop()
 														?.slice(0, 4)
 														.toUpperCase()}
 												</span>
-												<span>
+												<span className="flex  bg-gray-100 px-0.5 rounded-sm justify-items-center whitespace-pre-wrap">
 													{resource.meta.size &&
 														formatFileSize(
 															resource.meta.size

apps/web/src/components/models/course/detail/CourseDetailDescription.tsx

@@ -1,5 +1,5 @@
 import { Course, TaxonomySlug } from "@nice/common";
-import React, { useContext, useMemo } from "react";
+import React, { useContext, useEffect, useMemo } from "react";
 import { Image, Typography, Skeleton, Tag } from "antd"; // 引入 antd 组件
 import { CourseDetailContext } from "./CourseDetailContext";
 import { useNavigate, useParams } from "react-router-dom";
@@ -69,7 +69,7 @@ export const CourseDetailDescription: React.FC = () => {
 					<div className="text-lg font-bold">{"课程简介:"}</div>
 					<div className="flex flex-col gap-2">
 						<div className="flex gap-2 flex-wrap items-center float-start">
-							{course?.subTitle && <div>{course?.subTitle}</div>}
+							{course?.subTitle && <div className="flex items-center">{course?.subTitle}</div>}
 							<TermInfo post={course}></TermInfo>
 						</div>
 					</div>