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:
gpt-engineer-app[bot]
2025-03-16 06:02:05 +00:00
parent ef8c31f39b
commit 55296641c9
3 changed files with 3 additions and 3 deletions

View File

@@ -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) => (

View File

@@ -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}

View File

@@ -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>