79 lines
2.3 KiB
Dart
79 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../theme/tokens.dart';
|
|
import '../i18n/app_locale.dart';
|
|
|
|
/// 시안 검색 화면 상단 배너(`Frame 1984081037`) — #dcdcdc r10 · 오른쪽 핑크 로고 칸 62.
|
|
/// GALAXY 검색 · INSIDE 검색이 같이 쓴다.
|
|
class PlayBanner extends StatelessWidget {
|
|
const PlayBanner({super.key});
|
|
|
|
static TextStyle _t(double size, double height) => TextStyle(
|
|
fontFamily: AppFonts.body,
|
|
fontSize: size,
|
|
fontWeight: FontWeight.w500,
|
|
height: height,
|
|
letterSpacing: 0,
|
|
color: const Color(0xFF737373),
|
|
);
|
|
|
|
@override
|
|
Widget build(BuildContext context) => Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFDCDCDC),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(context.l10n.playNow, style: _t(10, 1.4)),
|
|
Text(
|
|
context.l10n.playHeadline,
|
|
style: const TextStyle(
|
|
fontFamily: AppFonts.display,
|
|
fontFamilyFallback: [AppFonts.body],
|
|
fontWeight: FontWeight.w400,
|
|
fontSize: 16,
|
|
height: 20 / 16,
|
|
letterSpacing: 0,
|
|
color: Color(0xFF444444),
|
|
),
|
|
),
|
|
Text(
|
|
context.l10n.playBody,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: _t(12, 20 / 12),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(width: 11),
|
|
Container(
|
|
width: 62,
|
|
height: 62,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.cosmicAccent,
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: const Text(
|
|
'F',
|
|
style: TextStyle(
|
|
fontFamily: AppFonts.body,
|
|
fontSize: 34,
|
|
fontWeight: FontWeight.w900,
|
|
height: 1,
|
|
color: Colors.black,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|