From 61df255191f3cd75fefba8299ad6f6a6e3aedb93 Mon Sep 17 00:00:00 2001
From: natyusha <985941+natyusha@users.noreply.github.com>
Date: Sat, 5 Oct 2024 07:17:52 -0400
Subject: [PATCH] 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
---
 src/components/Collection/Filter/FilterSidebar.tsx | 2 +-
 src/components/Collection/TimelineSidebar.tsx      | 2 +-
 src/pages/collection/Collection.tsx                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Collection/Filter/FilterSidebar.tsx b/src/components/Collection/Filter/FilterSidebar.tsx
index bfac4190..a4f166dd 100644
--- 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
index a8291e2e..fcc65fcc 100644
--- 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
index 45cfcf37..1a8a1cb1 100644
--- 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 ',
           )}
         >