style: ui for record table
This commit is contained in:
@@ -78,6 +78,7 @@ class _TierCard extends StatelessWidget {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (tier.isRanked) return _rankedCard(context);
|
||||
final colors = _palettes[index % _palettes.length];
|
||||
return GestureDetector(
|
||||
onTap: () => context.push('/game/${tier.id}?prize=${tier.prize}'),
|
||||
@@ -143,6 +144,156 @@ class _TierCard extends StatelessWidget {
|
||||
);
|
||||
}
|
||||
|
||||
// میزِ رتبهبندی: طرحِ ویژهی سلطنتی (تاج، درخششِ طلایی، توضیح) تا از میزهای
|
||||
// معمولی متمایز باشد و کاربر بداند این میز چهکاری میکند.
|
||||
Widget _rankedCard(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: () => context.push('/game/${tier.id}?prize=${tier.prize}'),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(14),
|
||||
decoration: BoxDecoration(
|
||||
gradient: const LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [Color(0xFF3A2A6E), Color(0xFF15193F), AppColors.lapisInk],
|
||||
),
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
border: Border.all(color: AppColors.gold, width: 2.4),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: AppColors.gold.withValues(alpha: 0.32), blurRadius: 16),
|
||||
const BoxShadow(
|
||||
color: Colors.black54, blurRadius: 10, offset: Offset(0, 5)),
|
||||
],
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(9),
|
||||
decoration: const BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
colors: [AppColors.gold, AppColors.goldDark]),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: const Icon(Icons.workspace_premium,
|
||||
color: AppColors.lapisInk, size: 24),
|
||||
),
|
||||
const SizedBox(width: 10),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(children: [
|
||||
Flexible(
|
||||
child: Text(tier.title,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(
|
||||
color: AppColors.gold,
|
||||
fontSize: 21,
|
||||
fontWeight: FontWeight.bold,
|
||||
shadows: [
|
||||
Shadow(color: Colors.black54, blurRadius: 3)
|
||||
],
|
||||
)),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 7, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.accent,
|
||||
borderRadius: BorderRadius.circular(6),
|
||||
border: Border.all(
|
||||
color: Colors.white.withValues(alpha: 0.3)),
|
||||
),
|
||||
child: const Text('ویژه',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 10,
|
||||
fontWeight: FontWeight.bold)),
|
||||
),
|
||||
]),
|
||||
const SizedBox(height: 2),
|
||||
const Text('میزِ قهرمانان',
|
||||
style:
|
||||
TextStyle(color: Colors.white70, fontSize: 12)),
|
||||
],
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding:
|
||||
const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.gold.withValues(alpha: 0.14),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(color: AppColors.gold),
|
||||
),
|
||||
child: Column(children: [
|
||||
Row(mainAxisSize: MainAxisSize.min, children: [
|
||||
const Icon(Icons.military_tech,
|
||||
color: AppColors.gold, size: 16),
|
||||
const SizedBox(width: 3),
|
||||
Text('+${tier.rankReward}',
|
||||
style: const TextStyle(
|
||||
color: AppColors.gold,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold)),
|
||||
]),
|
||||
const Text('امتیاز رتبه',
|
||||
style: TextStyle(color: Colors.white70, fontSize: 10)),
|
||||
]),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.black.withValues(alpha: 0.25),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(color: AppColors.goldFaint),
|
||||
),
|
||||
child: const Text(
|
||||
'با هر برد در این میز امتیازِ رتبه میگیرید و در جدولِ قهرمانان بالا میروید. '
|
||||
'باخت امتیاز کم میکند — رقابتِ واقعی برای حرفهایها!',
|
||||
style: TextStyle(
|
||||
color: Colors.white, fontSize: 12.5, height: 1.6),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Row(children: [
|
||||
_chip(Icons.style, '${tier.hands} دست'),
|
||||
const SizedBox(width: 8),
|
||||
_chip(Icons.login, 'ورودی ${tier.entry}'),
|
||||
const SizedBox(width: 8),
|
||||
_chip(Icons.star, 'XP ${tier.xp}'),
|
||||
]),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _chip(IconData icon, String text) => Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 5),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withValues(alpha: 0.08),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: Colors.white.withValues(alpha: 0.14)),
|
||||
),
|
||||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||||
Icon(icon, size: 14, color: AppColors.gold),
|
||||
const SizedBox(width: 5),
|
||||
Text(text,
|
||||
style: const TextStyle(color: Colors.white, fontSize: 12)),
|
||||
]),
|
||||
);
|
||||
|
||||
Widget _stat(IconData icon, String label, int value) => Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 2),
|
||||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||||
|
||||
Reference in New Issue
Block a user