mai
/
ponshu-room-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 31 Wiki Activity

fix: UI tweaks — alcohol unit, title card layout, stats card 

- sake_detail_specs: アルコール分チラ見せを % → 度 に統一
- level_title_card: Lv.バッジを「現在の称号」行右寄せに移動、称号名36→26px・1行制限
- activity_stats: 小カード（お気に入り・撮影日数）を横並びレイアウトに変更

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ponshu Developer 2026-04-09 19:27:25 +09:00
parent 3cbd9bad2c
commit 7844fc314d
3 changed files with 85 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
lib/widgets/gamification/activity_stats.dart
View File

@ -75,24 +75,28 @@ class ActivityStats extends ConsumerWidget {
children: [ children: [
Expanded( Expanded(
child: _BentoCard( child: _BentoCard(
child: Column( child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Icon(LucideIcons.heart, size: 20, color: appColors.brandAccent), Icon(LucideIcons.heart, size: 20, color: appColors.brandAccent),
const SizedBox(height: 8), const SizedBox(width: 10),
Text( Column(
'$favoriteCount本', crossAxisAlignment: CrossAxisAlignment.start,
style: TextStyle( children: [
fontSize: 22, Text(
fontWeight: FontWeight.w900, '$favoriteCount本',
color: appColors.textPrimary, style: TextStyle(
height: 1.0, fontSize: 20,
), fontWeight: FontWeight.w900,
), color: appColors.textPrimary,
const SizedBox(height: 4), height: 1.0,
Text( ),
'お気に入り', ),
style: TextStyle(fontSize: 11, color: appColors.textSecondary), const SizedBox(height: 3),
Text(
'お気に入り',
style: TextStyle(fontSize: 11, color: appColors.textSecondary),
),
],
), ),
], ],
), ),
@ -101,24 +105,28 @@ class ActivityStats extends ConsumerWidget {
const SizedBox(width: 8), const SizedBox(width: 8),
Expanded( Expanded(
child: _BentoCard( child: _BentoCard(
child: Column( child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Icon(LucideIcons.calendar, size: 20, color: appColors.iconDefault), Icon(LucideIcons.calendar, size: 20, color: appColors.iconDefault),
const SizedBox(height: 8), const SizedBox(width: 10),
Text( Column(
'$recordingDays日', crossAxisAlignment: CrossAxisAlignment.start,
style: TextStyle( children: [
fontSize: 22, Text(
fontWeight: FontWeight.w900, '$recordingDays日',
color: appColors.textPrimary, style: TextStyle(
height: 1.0, fontSize: 20,
), fontWeight: FontWeight.w900,
), color: appColors.textPrimary,
const SizedBox(height: 4), height: 1.0,
Text( ),
'撮影日数', ),
style: TextStyle(fontSize: 11, color: appColors.textSecondary), const SizedBox(height: 3),
Text(
'撮影日数',
style: TextStyle(fontSize: 11, color: appColors.textSecondary),
),
],
), ),
], ],
), ),

104
lib/widgets/gamification/level_title_card.dart
View File

@ -49,70 +49,54 @@ class LevelTitleCard extends ConsumerWidget {
), ),
const SizedBox(height: 6), const SizedBox(height: 6),
], ],
// 「現在の称号」ラベル行 + Lv.バッジを同行右寄せ
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Expanded( Text(
child: Column( '現在の称号',
crossAxisAlignment: CrossAxisAlignment.start, style: Theme.of(context).textTheme.bodySmall?.copyWith(
children: [ fontWeight: FontWeight.w500,
Row( color: appColors.textSecondary,
children: [ letterSpacing: 0.5,
Text( ),
'現在の称号', ),
style: Theme.of(context).textTheme.bodySmall?.copyWith( const SizedBox(width: 4),
fontWeight: FontWeight.w500, ContextualHelpIcon(
color: appColors.textSecondary, title: 'レベルと称号について',
letterSpacing: 0.5, customContent: _buildLevelHelpContent(context),
), ),
), const Spacer(),
const SizedBox(width: 4), Container(
ContextualHelpIcon( padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
title: 'レベルと称号について', decoration: BoxDecoration(
customContent: _buildLevelHelpContent(context), color: appColors.brandPrimary.withValues(alpha: 0.1),
), borderRadius: BorderRadius.circular(10),
], border: Border.all(color: appColors.brandPrimary.withValues(alpha: 0.3)),
), ),
const SizedBox(height: 4), child: Text(
Row( 'Lv.$level',
crossAxisAlignment: CrossAxisAlignment.end, style: TextStyle(
children: [ fontWeight: FontWeight.w900,
Expanded( fontSize: 14,
child: Text( color: appColors.brandPrimary,
title, ),
style: GoogleFonts.zenOldMincho( ),
fontSize: 36, ),
fontWeight: FontWeight.bold,
color: appColors.brandPrimary,
height: 1.1,
),
),
),
Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
margin: const EdgeInsets.only(bottom: 4, left: 8), // Align baseline-ish
decoration: BoxDecoration(
color: appColors.brandPrimary.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: appColors.brandPrimary.withValues(alpha: 0.3)),
),
child: Text(
'Lv.$level',
style: TextStyle(
fontWeight: FontWeight.w900,
fontSize: 16,
color: appColors.brandPrimary,
),
),
),
],
),
],
),
),
], ],
), ),
const SizedBox(height: 6),
// 称号名（1行・フォントサイズ縮小・overflow防止）
Text(
title,
style: GoogleFonts.zenOldMincho(
fontSize: 26,
fontWeight: FontWeight.bold,
color: appColors.brandPrimary,
height: 1.2,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 20), const SizedBox(height: 20),
// Progress Bar (animated 0 → actual value on mount) // Progress Bar (animated 0 → actual value on mount)

2
lib/widgets/sake_detail/sake_detail_specs.dart
View File

@ -188,7 +188,7 @@ class _SakeDetailSpecsState extends State<SakeDetailSpecs> {
const SizedBox(width: 10), const SizedBox(width: 10),
if (widget.sake.hiddenSpecs.alcoholContent != null) if (widget.sake.hiddenSpecs.alcoholContent != null)
_buildPeekChip( _buildPeekChip(
'${widget.sake.hiddenSpecs.alcoholContent}%', '${widget.sake.hiddenSpecs.alcoholContent}度',
appColors, appColors,
), ),
if (widget.sake.hiddenSpecs.polishingRatio != null) ...[ if (widget.sake.hiddenSpecs.polishingRatio != null) ...[