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 (
-
+