From 002a37f60fbf5ec7442970f9912e790f49669589 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 16 Mar 2025 06:28:02 +0000
Subject: [PATCH] Adjust Transactions page layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adjusted the layout of the Transactions page to be more centered, referencing the layout of the 지출 화면.
---
 src/components/BudgetProgressCard.tsx        | 2 +-
 src/components/RecentTransactionsSection.tsx | 2 +-
 src/index.css                                | 8 ++------
 src/pages/Analytics.tsx                      | 2 +-
 src/pages/Index.tsx                          | 3 ++-
 5 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/BudgetProgressCard.tsx b/src/components/BudgetProgressCard.tsx
index ed9a630..83ec2fd 100644
--- a/src/components/BudgetProgressCard.tsx
+++ b/src/components/BudgetProgressCard.tsx
@@ -32,7 +32,7 @@ const BudgetProgressCard: React.FC<BudgetProgressCardProps> = ({
   onSaveBudget
 }) => {
   return (
-    <div className="neuro-card mb-6 overflow-hidden desktop-card">
+    <div className="neuro-card mb-6 overflow-hidden w-full">
       <Tabs defaultValue="daily" value={selectedTab} onValueChange={setSelectedTab} className="w-full">
         <TabsList className="grid grid-cols-3 mb-4 bg-transparent">
           <TabsTrigger value="daily" className="data-[state=active]:shadow-neuro-pressed data-[state=active]:bg-transparent">
diff --git a/src/components/RecentTransactionsSection.tsx b/src/components/RecentTransactionsSection.tsx
index 205e047..7266932 100644
--- a/src/components/RecentTransactionsSection.tsx
+++ b/src/components/RecentTransactionsSection.tsx
@@ -70,7 +70,7 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
           더보기 <ChevronRight size={16} />
         </Link>
       </div>
-      <div className="neuro-card divide-y divide-gray-100 desktop-card">
+      <div className="neuro-card divide-y divide-gray-100 w-full">
         {transactions.length > 0 ? (
           transactions.map((transaction) => (
             <div 
diff --git a/src/index.css b/src/index.css
index 0d91218..0b62162 100644
--- a/src/index.css
+++ b/src/index.css
@@ -177,15 +177,11 @@
     }
     
     .desktop-container {
-      @apply max-w-[500px] mx-auto;
+      @apply max-w-md mx-auto;
     }
     
     .desktop-card {
-      @apply max-w-[500px] mx-auto;
-    }
-    
-    .neuro-card {
-      @apply max-w-[500px] mx-auto;
+      @apply w-full mx-auto;
     }
   }
 }
diff --git a/src/pages/Analytics.tsx b/src/pages/Analytics.tsx
index a73e7c5..a3b102d 100644
--- a/src/pages/Analytics.tsx
+++ b/src/pages/Analytics.tsx
@@ -79,7 +79,7 @@ const Analytics = () => {
   
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
-      <div className="mx-auto px-4 desktop-container">
+      <div className="max-w-md mx-auto px-6">
         {/* Header */}
         <header className="py-8 w-full">
           <h1 className="text-2xl font-bold neuro-text mb-5">지출 분석</h1>
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index c45aaa8..a1d1171 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,3 +1,4 @@
+
 import React, { useState, useEffect } from 'react';
 import NavBar from '@/components/NavBar';
 import AddTransactionButton from '@/components/AddTransactionButton';
@@ -139,7 +140,7 @@ const Index = () => {
 
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
-      <div className="mx-auto px-4 desktop-container">
+      <div className="max-w-md mx-auto px-6">
         <Header />
 
         {/* 목표 진행 상황 */}