Fix new UI bug (#1325)

code100x · Sep 25, 2024 · 3555bf3 · 3555bf3
1 parent 5dd76ca
commit 3555bf3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/CourseView.tsx b/src/components/CourseView.tsx
@@ -38,8 +38,8 @@ export const CourseView = ({
     ? 'folder'
     : courseContent?.value.type;
   return (
-    <div className="flex w-full flex-col gap-8 pb-16 pt-8">
-      <div className="flex flex-col gap-4">
+    <div className="flex w-full flex-col gap-8 pb-16 pt-8 xl:pt-[9px]">
+      <div className="flex flex-col gap-4 xl:pt-44">
         <BreadCrumbComponent
           course={course}
           contentType={contentType}

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -182,7 +182,7 @@ export function Sidebar({
 
   return (
     <>
-      <Button onClick={() => setSidebarOpen((s) => !s)} className="w-fit gap-2">
+      <Button onClick={() => setSidebarOpen((s) => !s)} className="w-fit gap-2 xl:absolute">
         {sidebarOpen ? <X className="size-5" /> : <Menu className="size-5" />}
         <span>{sidebarOpen ? 'Hide Contents' : 'Show Contents'}</span>
       </Button>