From 9ec8742d5f436067943789b2e77a26bf805ae0e0 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Wed, 16 Jul 2025 08:33:59 +0000 Subject: [PATCH 1/3] feat: adjust tablet layout to resemble mobile layout --- app/globals.css | 2 +- components/chat.tsx | 2 +- components/sidebar.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/globals.css b/app/globals.css index f3ecb856..38a1600a 100644 --- a/app/globals.css +++ b/app/globals.css @@ -81,7 +81,7 @@ } /* Mobile layout specific styles */ -@media (max-width: 768px) { +@media (max-width: 1024px) { .mobile-layout-container { display: flex; flex-direction: column; diff --git a/components/chat.tsx b/components/chat.tsx index 699ae13e..34e92244 100644 --- a/components/chat.tsx +++ b/components/chat.tsx @@ -34,7 +34,7 @@ export function Chat({ id }: ChatProps) { useEffect(() => { // Check if device is mobile const checkMobile = () => { - setIsMobile(window.innerWidth <= 768) + setIsMobile(window.innerWidth <= 1024) } // Initial check diff --git a/components/sidebar.tsx b/components/sidebar.tsx index 71de339c..ca2455fa 100644 --- a/components/sidebar.tsx +++ b/components/sidebar.tsx @@ -5,7 +5,7 @@ import { CircleUserRound } from 'lucide-react' export async function Sidebar() { return ( -
+