Investigate layout width issue
The layout width is not behaving as expected. Further investigation is needed to identify the cause.
This commit is contained in:
@@ -31,7 +31,7 @@ const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={`neuro-card mb-6 ${isMobile ? 'w-full' : ''}`}>
|
||||
<div className="neuro-card mb-6 w-full">
|
||||
{categories.some(cat => cat.current > 0) ? (
|
||||
<div className="space-y-4">
|
||||
{categories.map((category) => (
|
||||
|
||||
@@ -17,7 +17,7 @@ const PeriodSelector: React.FC<PeriodSelectorProps> = ({
|
||||
const isMobile = useIsMobile();
|
||||
|
||||
return (
|
||||
<div className={`flex items-center justify-between mb-6 ${isMobile ? 'w-full' : ''} w-full`}>
|
||||
<div className="flex items-center justify-between mb-6 w-full">
|
||||
<button
|
||||
className="neuro-flat p-2 rounded-full"
|
||||
onClick={onPrevPeriod}
|
||||
|
||||
@@ -79,7 +79,7 @@ const Analytics = () => {
|
||||
|
||||
return (
|
||||
<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 ${isMobile ? 'w-full px-4' : 'max-w-lg px-4'}`}>
|
||||
{/* Header */}
|
||||
<header className="py-8 w-full">
|
||||
<h1 className="text-2xl font-bold neuro-text mb-5">지출 분석</h1>
|
||||
|
||||
Reference in New Issue
Block a user