From 1ebe16b93d29a4c0b983d6d0de4ebdf23f2ad458 Mon Sep 17 00:00:00 2001
From: Nicholas Charriere <nicholascharriere@gmail.com>
Date: Mon, 21 Oct 2024 21:45:18 -0700
Subject: [PATCH 1/2] Fix drawer height with large files

---
 packages/web/src/components/apps/bottom-drawer.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/components/apps/bottom-drawer.tsx b/packages/web/src/components/apps/bottom-drawer.tsx
index 539edade..268c9c47 100644
--- a/packages/web/src/components/apps/bottom-drawer.tsx
+++ b/packages/web/src/components/apps/bottom-drawer.tsx
@@ -6,7 +6,7 @@ import { cn } from '@/lib/utils.ts';
 import { useLogs } from './use-logs';
 import { useEffect, useRef } from 'react';
 
-const maxHeightInPx = 320;
+const DRAWER_HEIGHT = 320;
 
 export default function BottomDrawer() {
   const { logs, clearLogs, open, togglePane, closePane } = useLogs();
@@ -60,7 +60,10 @@ export default function BottomDrawer() {
         'flex flex-col w-full overflow-hidden transition-all duration-200 ease-in-out',
         open ? 'flex-grow' : 'flex-shrink-0 h-8',
       )}
-      style={{ maxHeight: open ? `${maxHeightInPx}px` : '2rem' }}
+      style={{
+        maxHeight: open ? `${DRAWER_HEIGHT}px` : '2rem',
+        minHeight: open ? `${DRAWER_HEIGHT}px` : '2rem',
+      }}
     >
       <div className="flex-shrink-0 flex items-center justify-between border-t border-b h-8 px-1 w-full bg-muted">
         <button

From 89d0343568b8cf4bab2dd13ccda748271ce609ea Mon Sep 17 00:00:00 2001
From: Nicholas Charriere <nicholascharriere@gmail.com>
Date: Mon, 21 Oct 2024 21:49:29 -0700
Subject: [PATCH 2/2] Also make the log text a better color

---
 packages/web/src/components/apps/bottom-drawer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/src/components/apps/bottom-drawer.tsx b/packages/web/src/components/apps/bottom-drawer.tsx
index 268c9c47..fb81c22d 100644
--- a/packages/web/src/components/apps/bottom-drawer.tsx
+++ b/packages/web/src/components/apps/bottom-drawer.tsx
@@ -115,7 +115,7 @@ export default function BottomDrawer() {
                     <pre
                       className={cn('font-mono cursor-text whitespace-pre-wrap', {
                         'text-red-300': log.type === 'stderr',
-                        'text-tertiary-foreground': log.type === 'info',
+                        'text-secondary-foreground': log.type === 'info',
                       })}
                     >
                       {log.message}