From 50b08e2e85af619e2ef584f1e33a4a75d1b7ad0b Mon Sep 17 00:00:00 2001
From: Henry <henry_ball@hotmail.co.uk>
Date: Fri, 27 Sep 2024 15:01:25 +0100
Subject: [PATCH] fix: fix height of header

---
 src/components/dashboard.tsx    | 2 +-
 src/server/api/routers/board.ts | 2 --
 src/views/board/index.tsx       | 6 +++---
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/dashboard.tsx b/src/components/dashboard.tsx
index 398b70a0..5bf21ceb 100644
--- a/src/components/dashboard.tsx
+++ b/src/components/dashboard.tsx
@@ -7,7 +7,7 @@ export default function Dashboard(props: { children: React.ReactNode }) {
 
   return (
     <div className="flex h-screen flex-col items-center bg-light-100 dark:bg-dark-50">
-      <div className="m-auto flex h-16 w-full justify-between border-b border-light-600 px-5 py-2 align-middle dark:border-dark-600">
+      <div className="m-auto flex h-16 min-h-16 w-full justify-between border-b border-light-600 px-5 py-2 align-middle dark:border-dark-600">
         <div className="my-auto flex w-full items-center justify-between">
           <h1 className="text-lg font-bold tracking-tight text-neutral-900 dark:text-dark-1000">
             kan.bn
diff --git a/src/server/api/routers/board.ts b/src/server/api/routers/board.ts
index 08afa350..35e2b9a1 100644
--- a/src/server/api/routers/board.ts
+++ b/src/server/api/routers/board.ts
@@ -44,8 +44,6 @@ export const boardRouter = createTRPCRouter({
         input.filters,
       );
 
-      console.log(result);
-
       return result;
     }),
   create: protectedProcedure
diff --git a/src/views/board/index.tsx b/src/views/board/index.tsx
index 62671a65..af79ac10 100644
--- a/src/views/board/index.tsx
+++ b/src/views/board/index.tsx
@@ -146,7 +146,7 @@ export default function BoardPage() {
   return (
     <div className="relative flex h-full flex-col">
       <PatternedBackground />
-      <div className="z-10 flex w-full justify-between p-8 ">
+      <div className="z-10 flex w-full justify-between p-8">
         {isLoading ? (
           <div className="flex space-x-2">
             <div className="h-[2.3rem] w-[150px] animate-pulse rounded-[5px] bg-light-200 dark:bg-dark-200" />
@@ -183,7 +183,7 @@ export default function BoardPage() {
         </div>
       </div>
 
-      <div className="scrollbar-w-none z-0 flex-1 overflow-y-hidden overflow-x-scroll overscroll-contain pb-5 scrollbar scrollbar-track-light-200 scrollbar-thumb-light-400 scrollbar-track-rounded-[4px] scrollbar-thumb-rounded-[4px] scrollbar-h-[8px] dark:scrollbar-track-dark-100 dark:scrollbar-thumb-dark-300">
+      <div className="scrollbar-w-none z-0 flex-1 overflow-y-hidden overflow-x-scroll overscroll-contain scrollbar scrollbar-track-light-200 scrollbar-thumb-light-400 scrollbar-track-rounded-[4px] scrollbar-thumb-rounded-[4px] scrollbar-h-[8px] dark:scrollbar-track-dark-100 dark:scrollbar-thumb-dark-300">
         {isLoading ? (
           <div className="ml-[2rem] flex">
             <div className="0 mr-5 h-[500px] w-[18rem] animate-pulse rounded-md bg-light-200 dark:bg-dark-200" />
@@ -218,7 +218,7 @@ export default function BoardPage() {
                           <div
                             ref={provided.innerRef}
                             {...provided.droppableProps}
-                            className="z-10 h-full max-h-[calc(100vh-250px)] min-h-[2rem] overflow-y-auto pr-1 scrollbar scrollbar-track-dark-100 scrollbar-thumb-dark-600 scrollbar-track-rounded-[4px] scrollbar-thumb-rounded-[4px] scrollbar-w-[8px]"
+                            className="z-10 h-full max-h-[calc(100vh-265px)] min-h-[2rem] overflow-y-auto pr-1 scrollbar scrollbar-track-dark-100 scrollbar-thumb-dark-600 scrollbar-track-rounded-[4px] scrollbar-thumb-rounded-[4px] scrollbar-w-[8px]"
                           >
                             {list.cards?.map((card, index) => (
                               <Draggable