ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust card alignment

Browse Source 
The cards were slightly off-center, with uneven spacing on the left and right. This commit adjusts the alignment to ensure the cards are centered properly.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 06:21:00 +00:00
parent 30c76a2e1a
commit 338d72ffbc
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.css
View File

@@ -173,7 +173,7 @@
/* 데스크탑 화면에서의 추가 스타일 */ /* 데스크탑 화면에서의 추가 스타일 */
@media (min-width: 769px) { @media (min-width: 769px) {
#root { #root {
@apply px-4; @apply px-0;
} }
.desktop-container { .desktop-container {

3
src/pages/Index.tsx
View File

@@ -1,4 +1,3 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import NavBar from '@/components/NavBar'; import NavBar from '@/components/NavBar';
import AddTransactionButton from '@/components/AddTransactionButton'; import AddTransactionButton from '@/components/AddTransactionButton';
@@ -140,7 +139,7 @@ const Index = () => {
return ( return (
<div className="min-h-screen bg-neuro-background pb-24"> <div className="min-h-screen bg-neuro-background pb-24">
<div className={`mx-auto px-4 ${isMobile ? 'w-full' : 'max-w-lg'}`}> <div className="mx-auto px-4 desktop-container">
<Header /> <Header />
{/* 목표 진행 상황 */} {/* 목표 진행 상황 */}