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 (
|
return (
|
||||||
<div className={`neuro-card mb-6 ${isMobile ? 'w-full' : ''}`}>
|
<div className="neuro-card mb-6 w-full">
|
||||||
{categories.some(cat => cat.current > 0) ? (
|
{categories.some(cat => cat.current > 0) ? (
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
{categories.map((category) => (
|
{categories.map((category) => (
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ const PeriodSelector: React.FC<PeriodSelectorProps> = ({
|
|||||||
const isMobile = useIsMobile();
|
const isMobile = useIsMobile();
|
||||||
|
|
||||||
return (
|
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
|
<button
|
||||||
className="neuro-flat p-2 rounded-full"
|
className="neuro-flat p-2 rounded-full"
|
||||||
onClick={onPrevPeriod}
|
onClick={onPrevPeriod}
|
||||||
|
|||||||
@@ -79,7 +79,7 @@ const Analytics = () => {
|
|||||||
|
|
||||||
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 ${isMobile ? 'w-full px-4' : 'max-w-lg px-4'}`}>
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<header className="py-8 w-full">
|
<header className="py-8 w-full">
|
||||||
<h1 className="text-2xl font-bold neuro-text mb-5">지출 분석</h1>
|
<h1 className="text-2xl font-bold neuro-text mb-5">지출 분석</h1>
|
||||||
|
|||||||
Reference in New Issue
Block a user