style(ui): 폰트 크기 및 레이아웃 조정
- 전역 테마 폰트 크기 증가 (가독성 개선) - 위젯 레이아웃 미세 조정
This commit is contained in:
@@ -229,7 +229,7 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
|
||||
),
|
||||
titleSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
fontSize: 10,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
bodyLarge: TextStyle(fontSize: 14, color: Color(0xFF1F1F28)),
|
||||
@@ -237,17 +237,17 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
|
||||
bodySmall: TextStyle(fontSize: 10, color: Color(0xFF1F1F28)),
|
||||
labelLarge: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
fontSize: 11,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
labelMedium: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
fontSize: 10,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
labelSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
),
|
||||
@@ -256,7 +256,7 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
|
||||
backgroundColor: Color(0xFFE8DDD0),
|
||||
labelStyle: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
fontSize: 10,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
side: BorderSide(color: Color(0xFF8B7355)),
|
||||
@@ -363,7 +363,7 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
|
||||
),
|
||||
titleSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
fontSize: 10,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
bodyLarge: TextStyle(fontSize: 14, color: Color(0xFFC0CAF5)),
|
||||
@@ -371,17 +371,17 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
|
||||
bodySmall: TextStyle(fontSize: 10, color: Color(0xFFC0CAF5)),
|
||||
labelLarge: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
fontSize: 11,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
labelMedium: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
fontSize: 10,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
labelSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
),
|
||||
@@ -390,7 +390,7 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
|
||||
backgroundColor: Color(0xFF2A2E3F),
|
||||
labelStyle: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
fontSize: 10,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
side: BorderSide(color: Color(0xFF545C7E)),
|
||||
|
||||
@@ -262,7 +262,7 @@ class _SavedGameInfo extends StatelessWidget {
|
||||
'${preview.characterName} Lv.${preview.level} ${preview.actName}',
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: RetroColors.textDisabled,
|
||||
),
|
||||
),
|
||||
@@ -285,7 +285,7 @@ class _CopyrightFooter extends StatelessWidget {
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.textDisabled,
|
||||
),
|
||||
),
|
||||
@@ -317,7 +317,7 @@ class _RetroTag extends StatelessWidget {
|
||||
label,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: RetroColors.textLight,
|
||||
),
|
||||
),
|
||||
|
||||
@@ -1225,7 +1225,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
title.toUpperCase(),
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.textDisabled,
|
||||
),
|
||||
),
|
||||
@@ -1303,7 +1303,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
t.$1.toUpperCase(),
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.textDisabled,
|
||||
),
|
||||
),
|
||||
@@ -1313,7 +1313,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
t.$2,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: RetroColors.textLight,
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
@@ -1337,7 +1337,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
L10n.of(context).noSpellsYet,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: RetroColors.textDisabled,
|
||||
),
|
||||
),
|
||||
@@ -1378,7 +1378,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
l10n.goldAmount(state.inventory.gold),
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: RetroColors.gold,
|
||||
),
|
||||
),
|
||||
@@ -1401,7 +1401,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
l10n.gold.toUpperCase(),
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.gold,
|
||||
),
|
||||
),
|
||||
@@ -1410,7 +1410,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
'${state.inventory.gold}',
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: RetroColors.gold,
|
||||
),
|
||||
),
|
||||
@@ -1433,7 +1433,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
translatedName,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.textLight,
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
@@ -1443,7 +1443,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
'${item.count}',
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.cream,
|
||||
),
|
||||
),
|
||||
@@ -1464,7 +1464,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
l10n.prologue.toUpperCase(),
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: RetroColors.textDisabled,
|
||||
),
|
||||
),
|
||||
@@ -1496,7 +1496,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
index == 0 ? l10n.prologue : l10n.actNumber(_toRoman(index)),
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: isCompleted
|
||||
? RetroColors.textDisabled
|
||||
: (isCurrent ? RetroColors.gold : RetroColors.textLight),
|
||||
@@ -1523,7 +1523,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
l10n.noActiveQuests.toUpperCase(),
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: RetroColors.textDisabled,
|
||||
),
|
||||
),
|
||||
@@ -1563,7 +1563,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
|
||||
quest.caption,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: isCurrentQuest
|
||||
? RetroColors.gold
|
||||
: (quest.isComplete
|
||||
|
||||
@@ -49,7 +49,7 @@ class CarouselNavBar extends StatelessWidget {
|
||||
),
|
||||
),
|
||||
child: SizedBox(
|
||||
height: 48,
|
||||
height: 56,
|
||||
child: Row(
|
||||
children: CarouselPage.values.map((page) {
|
||||
final isSelected = page.index == currentPage;
|
||||
@@ -101,13 +101,13 @@ class _NavButton extends StatelessWidget {
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(icon, size: 18, color: color),
|
||||
Icon(icon, size: 20, color: color),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
fontSize: 8,
|
||||
fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
|
||||
color: color,
|
||||
),
|
||||
|
||||
@@ -258,7 +258,7 @@ class DeathOverlay extends StatelessWidget {
|
||||
causeText,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: hpColor,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
@@ -312,7 +312,7 @@ class DeathOverlay extends StatelessWidget {
|
||||
l10n.deathSacrificedToResurrect.toUpperCase(),
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: muted,
|
||||
),
|
||||
),
|
||||
@@ -321,7 +321,7 @@ class DeathOverlay extends StatelessWidget {
|
||||
deathInfo.lostItemName!,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: hpColor,
|
||||
),
|
||||
),
|
||||
@@ -376,7 +376,7 @@ class DeathOverlay extends StatelessWidget {
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: muted,
|
||||
),
|
||||
),
|
||||
@@ -386,7 +386,7 @@ class DeathOverlay extends StatelessWidget {
|
||||
value,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: valueColor,
|
||||
),
|
||||
),
|
||||
@@ -475,7 +475,7 @@ class DeathOverlay extends StatelessWidget {
|
||||
l10n.deathCombatLog.toUpperCase(),
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: gold,
|
||||
),
|
||||
),
|
||||
|
||||
@@ -302,7 +302,7 @@ class _HpMpBarState extends State<HpMpBar> with TickerProviderStateMixin {
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: RetroColors.gold.withValues(alpha: blinkOpacity),
|
||||
),
|
||||
@@ -352,7 +352,7 @@ class _HpMpBarState extends State<HpMpBar> with TickerProviderStateMixin {
|
||||
'$current/$max',
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.textLight,
|
||||
),
|
||||
textAlign: TextAlign.right,
|
||||
@@ -444,7 +444,7 @@ class _HpMpBarState extends State<HpMpBar> with TickerProviderStateMixin {
|
||||
'${(ratio * 100).toInt()}%',
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.gold,
|
||||
),
|
||||
),
|
||||
@@ -466,7 +466,7 @@ class _HpMpBarState extends State<HpMpBar> with TickerProviderStateMixin {
|
||||
: '$_monsterHpChange',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: _monsterHpChange < 0
|
||||
? RetroColors.gold
|
||||
|
||||
@@ -172,7 +172,7 @@ class _NotificationCard extends StatelessWidget {
|
||||
_getTypeLabel(notification.type),
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: accentColor,
|
||||
letterSpacing: 1,
|
||||
),
|
||||
@@ -185,7 +185,7 @@ class _NotificationCard extends StatelessWidget {
|
||||
'[X]',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: textMuted,
|
||||
),
|
||||
),
|
||||
@@ -229,7 +229,7 @@ class _NotificationCard extends StatelessWidget {
|
||||
notification.subtitle!,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: textMuted,
|
||||
),
|
||||
),
|
||||
|
||||
@@ -195,7 +195,7 @@ class _SkillRow extends StatelessWidget {
|
||||
),
|
||||
child: Text(
|
||||
l10n.uiDot,
|
||||
style: const TextStyle(fontSize: 7, color: Colors.white70),
|
||||
style: const TextStyle(fontSize: 9, color: Colors.white70),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
|
||||
@@ -533,7 +533,7 @@ class _VictoryOverlayState extends State<VictoryOverlay>
|
||||
theEnd,
|
||||
style: TextStyle(
|
||||
fontFamily: 'JetBrainsMono',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: gold,
|
||||
height: 1.0,
|
||||
),
|
||||
|
||||
@@ -515,7 +515,7 @@ class _NewCharacterScreenState extends State<NewCharacterScreen> {
|
||||
game_l10n.uiRollHistory(_rollHistory.length),
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.textDisabled,
|
||||
),
|
||||
),
|
||||
@@ -540,7 +540,7 @@ class _NewCharacterScreenState extends State<NewCharacterScreen> {
|
||||
label.toUpperCase(),
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: RetroColors.gold,
|
||||
),
|
||||
),
|
||||
|
||||
@@ -157,11 +157,11 @@ class RetroTabBar extends StatelessWidget {
|
||||
unselectedLabelColor: mutedColor,
|
||||
labelStyle: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
),
|
||||
unselectedLabelStyle: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
),
|
||||
dividerColor: Colors.transparent,
|
||||
tabs: tabs.map((t) => Tab(text: t.toUpperCase())).toList(),
|
||||
@@ -257,7 +257,7 @@ class RetroInfoBox extends StatelessWidget {
|
||||
content,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
fontSize: 9,
|
||||
color: textColor,
|
||||
height: 1.8,
|
||||
),
|
||||
@@ -297,7 +297,7 @@ class RetroStatRow extends StatelessWidget {
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
fontSize: 8,
|
||||
color: mutedColor,
|
||||
),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user