diff --git a/lib/ui/main_dashboard.dart b/lib/ui/main_dashboard.dart index fbe8c9a..3968239 100644 --- a/lib/ui/main_dashboard.dart +++ b/lib/ui/main_dashboard.dart @@ -635,21 +635,23 @@ class _MainDashboardState extends State { : width < 700 ? 3 : 4; - // ๐Ÿ“ ์บ”๋ฒ„์Šค ์ž์ฒด๋ฅผ 700px์—์„œ ๋” ๋„“์–ด์ง€์ง€ ์•Š๊ฒŒ ๋ง‰๊ณ , ํƒ€์ผ ํฌ๊ธฐ๋ฅผ ์ „์ฒด์ ์œผ๋กœ - // 20% ์ค„์—ฌ์„œ ํ™”๋ฉด์ด ๊ฝ‰ ์ฐจ ๋ณด์ด์ง€ ์•Š๊ณ  ์—ฌ๋ฐฑ์ด ์ƒ๊ธฐ๊ฒŒ ํ•œ๋‹ค. - const double maxGridWidth = 700; - final double cappedWidth = width < maxGridWidth + // ๐Ÿ“ 1์นธ(1x1) ํฌ๊ธฐ๊ฐ€ ๋Œ€๋žต ๊ณ„์ • ํ”„๋กœํ•„ ์นด๋“œ๋งŒ ํ•ด์ง€๋„๋ก ๋ชฉํ‘œ ํฌ๊ธฐ๋ฅผ ์žก๊ณ , + // ํ™”๋ฉด์ด ๊ทธ๋ณด๋‹ค ๋„“์œผ๋ฉด ๊ฐ€์šด๋ฐ๋กœ ๋ชจ์•„์„œ ์—ฌ๋ฐฑ์„ ์ค€๋‹ค(์ข์œผ๋ฉด ํ™”๋ฉด ํญ์— ๋งž์ถค). + const double targetCellSize = 184; + const double gap = 12; + final double idealGridWidth = + crossAxisCount * targetCellSize + (crossAxisCount - 1) * gap; + final double gridWidth = width < idealGridWidth ? width - : maxGridWidth; - final double gridWidth = cappedWidth * 0.8; + : idealGridWidth; return Center( child: SizedBox( width: gridWidth, child: StaggeredGrid.count( crossAxisCount: crossAxisCount, - mainAxisSpacing: 12, - crossAxisSpacing: 12, + mainAxisSpacing: gap, + crossAxisSpacing: gap, children: [ for (final tile in tiles) StaggeredGridTile.count(