Adjust Sidebar Size

- allows for a four instead of three column poster layout with a 1440px window width and the sidebars open - also makes the sidebar panel gap match the series page/dashboard as it was larger before
ShokoAnime · Oct 5, 2024 · 61df255 · 61df255
1 parent 62a2a34
commit 61df255
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Collection/Filter/FilterSidebar.tsx b/src/components/Collection/Filter/FilterSidebar.tsx
@@ -70,7 +70,7 @@ const FilterSidebar = () => {
   return (
     <ShokoPanel
       title="Filter"
-      className="sticky top-24 ml-8 !h-[calc(100vh-18rem)] w-full"
+      className="sticky top-24 ml-6 !h-[calc(100vh-18rem)] w-full"
       contentClassName="gap-y-6"
       options={<Options showModal={showCriteriaModal(true)} />}
     >

diff --git a/src/components/Collection/TimelineSidebar.tsx b/src/components/Collection/TimelineSidebar.tsx
@@ -40,7 +40,7 @@ const TimelineItem = ({ series }: { series: SeriesType }) => {
 const TimelineSidebar = ({ isFetching, series }: { isFetching: boolean, series: SeriesType[] }) => (
   <ShokoPanel
     title="Timeline"
-    className="sticky top-24 ml-8 !h-[calc(100vh-18rem)] w-[26.84rem]"
+    className="sticky top-24 ml-6 !h-[calc(100vh-18rem)] w-[26.5rem]"
     contentClassName="gap-y-6"
   >
     {isFetching

diff --git a/src/pages/collection/Collection.tsx b/src/pages/collection/Collection.tsx
@@ -232,7 +232,7 @@ function Collection() {
           className={cx(
             'flex items-start transition-all',
             (!isSeries && showFilterSidebar)
-              ? 'w-[28.84rem] opacity-100 '
+              ? 'w-[28rem] opacity-100 '
               : 'w-0 opacity-0 overflow-hidden ',
           )}
         >