Merge pull request #38 from YoubetDao/feat/fix-ui

feat: fix ui in task-detail and markdown view
YoubetDao · Aug 16, 2024 · b467e19 · b467e19
2 parents a1e5082 + 1f81d1a
commit b467e19
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/pages/task-detail/index.tsx b/src/pages/task-detail/index.tsx
@@ -290,7 +290,7 @@ export default function TaskDetailPage() {
 
   return (
     <div className="px-4 py-4 mx-auto max-w-7xl lg:px-12">
-      <div className="flex flex-row w-full gap-5 mt-5">
+      <div className="flex flex-col-reverse xl:flex-row w-full gap-5 mt-5">
         <article className="flex flex-col w-full gap-5">
           <header>
             <h1 className="text-4xl font-bold">{taskDetailItem.title}</h1>

diff --git a/src/pages/tutorial/md-view.tsx b/src/pages/tutorial/md-view.tsx
@@ -10,7 +10,7 @@ const MdView = ({ content }: IMarkdownRendererProps) => {
 
   return (
     <div className="flex flex-col-reverse w-full gap-10 xl:flex-row">
-      {MdRenderer && <MdRenderer className="flex-1 max-w-[1024px]" />}
+      {MdRenderer && <MdRenderer className="flex-1 max-w-[720px]" />}
       {TocSidebar && (
         <TocSidebar className="block xl:sticky top-0 overflow-y-auto h-full w-[312px] xl:border-l xl:border-muted pl-4" />
       )}