Compare commits
No commits in common. "bb3106434be5aeab5146280a0e43d7df3e8d05e2" and "ef73b93d83c8e4ce577adca3b1e4d82ca25ca023" have entirely different histories.
bb3106434b
...
ef73b93d83
|
|
@ -4,8 +4,6 @@ import 'package:provider/provider.dart';
|
|||
import '../models/models.dart';
|
||||
import '../services/api_client.dart';
|
||||
import '../state/session_state.dart';
|
||||
import '../theme/app_theme.dart';
|
||||
import '../widgets/gradient_text.dart';
|
||||
import '../widgets/my_user_id_chip.dart';
|
||||
import 'autonomy_settings_screen.dart';
|
||||
import 'chat_screen.dart';
|
||||
|
|
@ -174,7 +172,7 @@ class _ConversationListScreenState extends State<ConversationListScreen> {
|
|||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: GradientText('와카뷰', style: theme.textTheme.titleLarge?.copyWith(fontWeight: FontWeight.w800)),
|
||||
title: const Text('와카뷰'),
|
||||
actions: [
|
||||
if (me != null) MyUserIdChip(userId: me, compact: true),
|
||||
IconButton(
|
||||
|
|
@ -251,26 +249,11 @@ class _ConversationListScreenState extends State<ConversationListScreen> {
|
|||
),
|
||||
if (_rooms.isEmpty)
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(32, 48, 32, 32),
|
||||
padding: const EdgeInsets.symmetric(vertical: 48, horizontal: 32),
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
width: 72,
|
||||
height: 72,
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
gradient: AppTheme.brandGradient,
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: const Color(0xFF6D5BD0).withValues(alpha: 0.3),
|
||||
blurRadius: 24,
|
||||
offset: const Offset(0, 10),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: const Icon(Icons.chat_bubble_outline, size: 30, color: Colors.white),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Icon(Icons.chat_bubble_outline, size: 40, color: theme.colorScheme.outline),
|
||||
const SizedBox(height: 12),
|
||||
Text('대화방이 없습니다', style: theme.textTheme.titleMedium),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
|
|
|
|||
|
|
@ -2,8 +2,6 @@ import 'package:flutter/material.dart';
|
|||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../state/session_state.dart';
|
||||
import '../theme/app_theme.dart';
|
||||
import '../widgets/primary_gradient_button.dart';
|
||||
|
||||
/// Phase 1 onboarding skeleton: capture a few style samples locally.
|
||||
/// Fine copy / import UX waits for human PoC (#1) — do not invent §3 defaults here.
|
||||
|
|
@ -64,20 +62,11 @@ class _OnboardingToneScreenState extends State<OnboardingToneScreen> {
|
|||
child: ListView(
|
||||
padding: const EdgeInsets.all(24),
|
||||
children: [
|
||||
Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Container(
|
||||
width: 56,
|
||||
height: 56,
|
||||
decoration: BoxDecoration(
|
||||
gradient: AppTheme.brandGradient,
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
boxShadow: [
|
||||
BoxShadow(color: const Color(0xFF6D5BD0).withValues(alpha: 0.3), blurRadius: 18, offset: const Offset(0, 8)),
|
||||
],
|
||||
),
|
||||
child: const Icon(Icons.record_voice_over_outlined, size: 28, color: Colors.white),
|
||||
),
|
||||
Container(
|
||||
width: 56,
|
||||
height: 56,
|
||||
decoration: BoxDecoration(color: scheme.primaryContainer, borderRadius: BorderRadius.circular(16)),
|
||||
child: Icon(Icons.record_voice_over_outlined, size: 28, color: scheme.onPrimaryContainer),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text('와카뷰가 따라 쓸 말투', style: theme.textTheme.headlineSmall),
|
||||
|
|
@ -115,9 +104,9 @@ class _OnboardingToneScreenState extends State<OnboardingToneScreen> {
|
|||
const SizedBox(height: 12),
|
||||
],
|
||||
const SizedBox(height: 12),
|
||||
PrimaryGradientButton(
|
||||
label: '이 말투로 시작',
|
||||
FilledButton(
|
||||
onPressed: () => _save(markDone: true),
|
||||
child: const Text('이 말투로 시작'),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
|
|
|||
|
|
@ -5,9 +5,6 @@ import 'package:provider/provider.dart';
|
|||
import '../config.dart';
|
||||
import '../state/session_state.dart';
|
||||
import '../theme/app_theme.dart';
|
||||
import '../widgets/brand_mark.dart';
|
||||
import '../widgets/gradient_text.dart';
|
||||
import '../widgets/primary_gradient_button.dart';
|
||||
|
||||
class SignupScreen extends StatefulWidget {
|
||||
const SignupScreen({super.key});
|
||||
|
|
@ -45,10 +42,20 @@ class _SignupScreenState extends State<SignupScreen> {
|
|||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
const Spacer(flex: 2),
|
||||
const Center(child: BrandMark(size: 72)),
|
||||
const Spacer(flex: 3),
|
||||
Center(
|
||||
child: Container(
|
||||
width: 72,
|
||||
height: 72,
|
||||
decoration: BoxDecoration(
|
||||
color: scheme.primaryContainer,
|
||||
borderRadius: BorderRadius.circular(22),
|
||||
),
|
||||
child: Icon(Icons.auto_awesome, size: 34, color: scheme.onPrimaryContainer),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
GradientText(
|
||||
Text(
|
||||
'와카뷰',
|
||||
textAlign: TextAlign.center,
|
||||
style: theme.textTheme.displaySmall?.copyWith(fontWeight: FontWeight.w800),
|
||||
|
|
@ -59,7 +66,7 @@ class _SignupScreenState extends State<SignupScreen> {
|
|||
textAlign: TextAlign.center,
|
||||
style: theme.textTheme.bodyLarge?.copyWith(color: scheme.onSurfaceVariant),
|
||||
),
|
||||
const Spacer(flex: 1),
|
||||
const Spacer(flex: 2),
|
||||
Text('초대 코드로 클로즈드 베타에 참여합니다', style: theme.textTheme.labelLarge),
|
||||
const SizedBox(height: 12),
|
||||
_DemoTestPanel(
|
||||
|
|
@ -102,12 +109,13 @@ class _SignupScreenState extends State<SignupScreen> {
|
|||
],
|
||||
const SizedBox(height: 20),
|
||||
_PressScale(
|
||||
child: PrimaryGradientButton(
|
||||
label: '시작하기',
|
||||
loading: session.loading,
|
||||
child: FilledButton(
|
||||
onPressed: session.loading
|
||||
? null
|
||||
: () => session.signup(_invite.text.trim(), _name.text.trim()),
|
||||
child: session.loading
|
||||
? const SizedBox(height: 20, width: 20, child: CircularProgressIndicator(strokeWidth: 2))
|
||||
: const Text('시작하기'),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 32),
|
||||
|
|
@ -132,7 +140,7 @@ class _DemoTestPanel extends StatelessWidget {
|
|||
final theme = Theme.of(context);
|
||||
final brightness = theme.brightness;
|
||||
return Material(
|
||||
color: Colors.transparent,
|
||||
color: AppTheme.glassFill(brightness),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
child: InkWell(
|
||||
onTap: onFill,
|
||||
|
|
@ -140,12 +148,8 @@ class _DemoTestPanel extends StatelessWidget {
|
|||
child: Container(
|
||||
padding: const EdgeInsets.fromLTRB(16, 14, 12, 14),
|
||||
decoration: BoxDecoration(
|
||||
color: AppTheme.glassFill(brightness),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: AppTheme.glassBorder(brightness)),
|
||||
boxShadow: [
|
||||
BoxShadow(color: AppTheme.glassShadow(brightness), blurRadius: 20, offset: const Offset(0, 8)),
|
||||
],
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
|
|
|
|||
|
|
@ -1,8 +1,5 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../widgets/brand_mark.dart';
|
||||
import '../widgets/gradient_text.dart';
|
||||
|
||||
/// Shown while `SessionState.restore()` runs, before the real app (signup /
|
||||
/// onboarding / conversation list) is ready to pick. Purely presentational —
|
||||
/// no navigation logic lives here, `main.dart` swaps it out once restore()
|
||||
|
|
@ -20,9 +17,31 @@ class SplashScreen extends StatelessWidget {
|
|||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const BrandMark(size: 72),
|
||||
Container(
|
||||
width: 88,
|
||||
height: 88,
|
||||
decoration: BoxDecoration(
|
||||
color: scheme.primary.withOpacity(0.15),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Center(
|
||||
child: Container(
|
||||
width: 64,
|
||||
height: 64,
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [scheme.primary, scheme.tertiary],
|
||||
),
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: const Icon(Icons.auto_awesome, color: Colors.white, size: 30),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
GradientText(
|
||||
Text(
|
||||
'와카뷰',
|
||||
style: theme.textTheme.headlineSmall?.copyWith(fontWeight: FontWeight.w800),
|
||||
),
|
||||
|
|
|
|||
|
|
@ -1,72 +1,46 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
/// Central design tokens for 와카뷰 (Ykavu) — "aurora glass" direction.
|
||||
/// `backgroundGradient` + the glow orbs in [GradientBackdrop] paint behind
|
||||
/// every screen (wired into `MaterialApp.builder`); cards/inputs/app bars
|
||||
/// are semi-transparent "glass" surfaces with a soft colored shadow so they
|
||||
/// visibly lift off that background. `twinAccent` stays a separate warm
|
||||
/// accent so a twin-written bubble never reads as something the human
|
||||
/// actually typed (PRD §3.1 와카뷰 뱃지).
|
||||
/// Central design tokens for 와카뷰 (Ykavu) — soft-gradient + glassmorphism
|
||||
/// direction. `backgroundGradient` paints behind every screen (wired into
|
||||
/// `MaterialApp.builder`); cards/inputs/app bars are semi-transparent
|
||||
/// "glass" surfaces that let the gradient read through. `twinAccent` stays a
|
||||
/// separate warm accent so a twin-written bubble never reads as something
|
||||
/// the human actually typed (PRD §3.1 와카뷰 뱃지).
|
||||
class AppTheme {
|
||||
AppTheme._();
|
||||
|
||||
static const _seed = Color(0xFF6D5BD0);
|
||||
|
||||
/// Brand gradient used for the wordmark, brand mark and primary CTAs.
|
||||
static const brandGradient = LinearGradient(
|
||||
begin: Alignment.centerLeft,
|
||||
end: Alignment.centerRight,
|
||||
colors: [Color(0xFF6D5BD0), Color(0xFFA855C9), Color(0xFFE0609A)],
|
||||
);
|
||||
static const _seed = Color(0xFF7C6FF0);
|
||||
|
||||
static Color twinAccent(Brightness brightness) =>
|
||||
brightness == Brightness.dark ? Colors.amber.shade300 : Colors.amber.shade800;
|
||||
|
||||
/// Diagonal aurora gradient painted behind every screen. Light: violet →
|
||||
/// sky → pink, more saturated than a "safe" pastel so it reads as
|
||||
/// intentional branding rather than a default Material backdrop. Dark:
|
||||
/// deep indigo → navy → plum. Paired with the blurred glow orbs in
|
||||
/// [GradientBackdrop].
|
||||
/// Soft diagonal gradient painted behind every screen. Light: pastel
|
||||
/// lavender → sky → pink. Dark: desaturated indigo → navy → plum.
|
||||
static LinearGradient backgroundGradient(Brightness brightness) {
|
||||
if (brightness == Brightness.dark) {
|
||||
return const LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [Color(0xFF201A3D), Color(0xFF16213E), Color(0xFF351C3C)],
|
||||
colors: [Color(0xFF1B1730), Color(0xFF161C34), Color(0xFF2A1830)],
|
||||
);
|
||||
}
|
||||
return const LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [Color(0xFFDCCBFF), Color(0xFFC3E4FF), Color(0xFFFFC9E8)],
|
||||
colors: [Color(0xFFEDE9FE), Color(0xFFE0F2FE), Color(0xFFFCE7F3)],
|
||||
);
|
||||
}
|
||||
|
||||
/// Soft blurred accent blobs layered over [backgroundGradient] by
|
||||
/// [GradientBackdrop] for depth ("aurora glow").
|
||||
static Color glowPrimary(Brightness brightness) => brightness == Brightness.dark
|
||||
? const Color(0xFF8B7CF6).withValues(alpha: 0.35)
|
||||
: const Color(0xFFB79CFF).withValues(alpha: 0.55);
|
||||
|
||||
static Color glowSecondary(Brightness brightness) => brightness == Brightness.dark
|
||||
? const Color(0xFFE879C4).withValues(alpha: 0.25)
|
||||
: const Color(0xFFFFA9DC).withValues(alpha: 0.50);
|
||||
|
||||
/// "Glass" fill for cards/panels — semi-transparent so the gradient
|
||||
/// behind still reads through, with a bright border for the classic
|
||||
/// glassmorphism edge highlight and a tinted shadow so the surface
|
||||
/// visibly lifts off the backdrop instead of blending into it.
|
||||
/// behind still reads through, with a faint light border for the classic
|
||||
/// glassmorphism edge highlight.
|
||||
static Color glassFill(Brightness brightness) => brightness == Brightness.dark
|
||||
? Colors.white.withValues(alpha: 0.08)
|
||||
: Colors.white.withValues(alpha: 0.72);
|
||||
? Colors.white.withOpacity(0.06)
|
||||
: Colors.white.withOpacity(0.55);
|
||||
|
||||
static Color glassBorder(Brightness brightness) => brightness == Brightness.dark
|
||||
? Colors.white.withValues(alpha: 0.16)
|
||||
: Colors.white.withValues(alpha: 0.85);
|
||||
|
||||
static Color glassShadow(Brightness brightness) => brightness == Brightness.dark
|
||||
? Colors.black.withValues(alpha: 0.45)
|
||||
: const Color(0xFF6D5BD0).withValues(alpha: 0.18);
|
||||
? Colors.white.withOpacity(0.10)
|
||||
: Colors.white.withOpacity(0.65);
|
||||
|
||||
static ThemeData light() => _build(Brightness.light);
|
||||
static ThemeData dark() => _build(Brightness.dark);
|
||||
|
|
@ -75,7 +49,6 @@ class AppTheme {
|
|||
final scheme = ColorScheme.fromSeed(seedColor: _seed, brightness: brightness);
|
||||
final glass = glassFill(brightness);
|
||||
final glassEdge = glassBorder(brightness);
|
||||
final glassShadowColor = glassShadow(brightness);
|
||||
final glassShape = RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
side: BorderSide(color: glassEdge, width: 1),
|
||||
|
|
@ -105,8 +78,7 @@ class AppTheme {
|
|||
),
|
||||
),
|
||||
cardTheme: CardThemeData(
|
||||
elevation: 8,
|
||||
shadowColor: glassShadowColor,
|
||||
elevation: 0,
|
||||
color: glass,
|
||||
shape: glassShape,
|
||||
margin: EdgeInsets.zero,
|
||||
|
|
@ -141,7 +113,7 @@ class AppTheme {
|
|||
borderRadius: BorderRadius.circular(14),
|
||||
borderSide: BorderSide(color: scheme.error, width: 1.6),
|
||||
),
|
||||
hintStyle: TextStyle(color: scheme.onSurfaceVariant.withValues(alpha: 0.7)),
|
||||
hintStyle: TextStyle(color: scheme.onSurfaceVariant.withOpacity(0.7)),
|
||||
),
|
||||
filledButtonTheme: FilledButtonThemeData(
|
||||
style: FilledButton.styleFrom(
|
||||
|
|
@ -186,7 +158,7 @@ class AppTheme {
|
|||
floatingActionButtonTheme: FloatingActionButtonThemeData(
|
||||
backgroundColor: scheme.primary,
|
||||
foregroundColor: scheme.onPrimary,
|
||||
elevation: 4,
|
||||
elevation: 1,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(18)),
|
||||
),
|
||||
snackBarTheme: SnackBarThemeData(
|
||||
|
|
@ -200,7 +172,7 @@ class AppTheme {
|
|||
dialogTheme: DialogThemeData(
|
||||
backgroundColor: brightness == Brightness.dark
|
||||
? const Color(0xFF211D3D)
|
||||
: Colors.white.withValues(alpha: 0.95),
|
||||
: Colors.white.withOpacity(0.92),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
|
||||
),
|
||||
progressIndicatorTheme: ProgressIndicatorThemeData(color: scheme.primary),
|
||||
|
|
@ -209,7 +181,6 @@ class AppTheme {
|
|||
|
||||
static TextTheme _textTheme() {
|
||||
return const TextTheme(
|
||||
displayLarge: TextStyle(fontWeight: FontWeight.w800, letterSpacing: -1.2),
|
||||
displaySmall: TextStyle(fontWeight: FontWeight.w800, letterSpacing: -0.5),
|
||||
headlineSmall: TextStyle(fontWeight: FontWeight.w800, letterSpacing: -0.3),
|
||||
titleLarge: TextStyle(fontWeight: FontWeight.w700),
|
||||
|
|
|
|||
|
|
@ -1,43 +0,0 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../theme/app_theme.dart';
|
||||
|
||||
/// The 와카뷰 app icon mark: a gradient-filled rounded badge with a bold
|
||||
/// "Y" monogram and a soft brand-tinted shadow, used wherever the splash /
|
||||
/// signup / onboarding screens need a small brand anchor instead of a
|
||||
/// generic Material icon.
|
||||
class BrandMark extends StatelessWidget {
|
||||
const BrandMark({super.key, this.size = 64});
|
||||
|
||||
final double size;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final radius = size * 0.32;
|
||||
return Container(
|
||||
width: size,
|
||||
height: size,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(radius),
|
||||
gradient: AppTheme.brandGradient,
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: const Color(0xFF6D5BD0).withValues(alpha: 0.38),
|
||||
blurRadius: size * 0.35,
|
||||
offset: Offset(0, size * 0.12),
|
||||
),
|
||||
],
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: Text(
|
||||
'Y',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontSize: size * 0.46,
|
||||
height: 1,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,14 +1,11 @@
|
|||
import 'dart:ui';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../theme/app_theme.dart';
|
||||
|
||||
/// Paints the app-wide aurora gradient + soft blurred glow orbs behind
|
||||
/// [child]. Wired into `MaterialApp.builder` so every screen gets it
|
||||
/// automatically without each Scaffold needing its own background —
|
||||
/// screens just need a transparent `scaffoldBackgroundColor` (set globally
|
||||
/// in [AppTheme]).
|
||||
/// Paints the app-wide soft gradient behind [child]. Wired into
|
||||
/// `MaterialApp.builder` so every screen gets it automatically without each
|
||||
/// Scaffold needing its own background — screens just need a transparent
|
||||
/// `scaffoldBackgroundColor` (set globally in [AppTheme]).
|
||||
class GradientBackdrop extends StatelessWidget {
|
||||
const GradientBackdrop({super.key, required this.child});
|
||||
|
||||
|
|
@ -16,44 +13,9 @@ class GradientBackdrop extends StatelessWidget {
|
|||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final brightness = Theme.of(context).brightness;
|
||||
return Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
DecoratedBox(decoration: BoxDecoration(gradient: AppTheme.backgroundGradient(brightness))),
|
||||
Positioned(
|
||||
top: -90,
|
||||
right: -70,
|
||||
child: _Glow(color: AppTheme.glowPrimary(brightness), size: 260),
|
||||
),
|
||||
Positioned(
|
||||
bottom: -110,
|
||||
left: -90,
|
||||
child: _Glow(color: AppTheme.glowSecondary(brightness), size: 320),
|
||||
),
|
||||
if (child != null) child!,
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _Glow extends StatelessWidget {
|
||||
const _Glow({required this.color, required this.size});
|
||||
|
||||
final Color color;
|
||||
final double size;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return IgnorePointer(
|
||||
child: ImageFiltered(
|
||||
imageFilter: ImageFilter.blur(sigmaX: 60, sigmaY: 60),
|
||||
child: Container(
|
||||
width: size,
|
||||
height: size,
|
||||
decoration: BoxDecoration(shape: BoxShape.circle, color: color),
|
||||
),
|
||||
),
|
||||
return DecoratedBox(
|
||||
decoration: BoxDecoration(gradient: AppTheme.backgroundGradient(Theme.of(context).brightness)),
|
||||
child: child,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +0,0 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../theme/app_theme.dart';
|
||||
|
||||
/// Renders [text] filled with [AppTheme.brandGradient] instead of a flat
|
||||
/// color — used for the "와카뷰" wordmark so the brand reads as designed
|
||||
/// rather than default black-on-gradient body text.
|
||||
class GradientText extends StatelessWidget {
|
||||
const GradientText(this.text, {super.key, this.style, this.textAlign});
|
||||
|
||||
final String text;
|
||||
final TextStyle? style;
|
||||
final TextAlign? textAlign;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ShaderMask(
|
||||
blendMode: BlendMode.srcIn,
|
||||
shaderCallback: (bounds) => AppTheme.brandGradient.createShader(Rect.fromLTWH(0, 0, bounds.width, bounds.height)),
|
||||
child: Text(text, style: style, textAlign: textAlign),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../theme/app_theme.dart';
|
||||
|
||||
/// Primary call-to-action button filled with [AppTheme.brandGradient] and a
|
||||
/// soft brand-tinted shadow, so the one action per screen that matters most
|
||||
/// (시작하기 / 이 말투로 시작 …) visibly outranks the flat glass buttons
|
||||
/// around it.
|
||||
class PrimaryGradientButton extends StatelessWidget {
|
||||
const PrimaryGradientButton({
|
||||
super.key,
|
||||
required this.label,
|
||||
required this.onPressed,
|
||||
this.loading = false,
|
||||
});
|
||||
|
||||
final String label;
|
||||
final VoidCallback? onPressed;
|
||||
final bool loading;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final disabled = onPressed == null;
|
||||
return Opacity(
|
||||
opacity: disabled ? 0.6 : 1,
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
child: InkWell(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
onTap: onPressed,
|
||||
child: Container(
|
||||
height: 52,
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
gradient: AppTheme.brandGradient,
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: const Color(0xFF6D5BD0).withValues(alpha: 0.35),
|
||||
blurRadius: 20,
|
||||
offset: const Offset(0, 8),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: loading
|
||||
? const SizedBox(
|
||||
height: 20,
|
||||
width: 20,
|
||||
child: CircularProgressIndicator(strokeWidth: 2, color: Colors.white),
|
||||
)
|
||||
: Text(
|
||||
label,
|
||||
style: const TextStyle(color: Colors.white, fontWeight: FontWeight.w700, fontSize: 16),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
@ -101,10 +101,10 @@ packages:
|
|||
dependency: transitive
|
||||
description:
|
||||
name: characters
|
||||
sha256: faf38497bda5ead2a8c7615f4f7939df04333478bf32e4173fcb06d428b5716b
|
||||
sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.4.1"
|
||||
version: "1.4.0"
|
||||
charcode:
|
||||
dependency: transitive
|
||||
description:
|
||||
|
|
@ -412,26 +412,26 @@ packages:
|
|||
dependency: transitive
|
||||
description:
|
||||
name: leak_tracker
|
||||
sha256: "33e2e26bdd85a0112ec15400c8cbffea70d0f9c3407491f672a2fad47915e2de"
|
||||
sha256: "6bb818ecbdffe216e81182c2f0714a2e62b593f4a4f13098713ff1685dfb6ab0"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "11.0.2"
|
||||
version: "10.0.9"
|
||||
leak_tracker_flutter_testing:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: leak_tracker_flutter_testing
|
||||
sha256: "1dbc140bb5a23c75ea9c4811222756104fbcd1a27173f0c34ca01e16bea473c1"
|
||||
sha256: f8b613e7e6a13ec79cfdc0e97638fddb3ab848452eff057653abd3edba760573
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "3.0.10"
|
||||
version: "3.0.9"
|
||||
leak_tracker_testing:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: leak_tracker_testing
|
||||
sha256: "8d5a2d49f4a66b49744b23b018848400d23e54caf9463f4eb20df3eb8acb2eb1"
|
||||
sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "3.0.2"
|
||||
version: "3.0.1"
|
||||
lints:
|
||||
dependency: transitive
|
||||
description:
|
||||
|
|
@ -452,26 +452,26 @@ packages:
|
|||
dependency: transitive
|
||||
description:
|
||||
name: matcher
|
||||
sha256: dc0b7dc7651697ea4ff3e69ef44b0407ea32c487a39fff6a4004fa585e901861
|
||||
sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.12.19"
|
||||
version: "0.12.17"
|
||||
material_color_utilities:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: material_color_utilities
|
||||
sha256: "9c337007e82b1889149c82ed242ed1cb24a66044e30979c44912381e9be4c48b"
|
||||
sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.13.0"
|
||||
version: "0.11.1"
|
||||
meta:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: meta
|
||||
sha256: "1741988757a65eb6b36abe716829688cf01910bbf91c34354ff7ec1c3de2b349"
|
||||
sha256: e3641ec5d63ebf0d9b41bd43201a66e3fc79a65db5f61fc181f04cd27aab950c
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.18.0"
|
||||
version: "1.16.0"
|
||||
mime:
|
||||
dependency: transitive
|
||||
description:
|
||||
|
|
@ -769,10 +769,10 @@ packages:
|
|||
dependency: transitive
|
||||
description:
|
||||
name: test_api
|
||||
sha256: "949a932224383300f01be9221c39180316445ecb8e7547f70a41a35bf421fb9e"
|
||||
sha256: fb31f383e2ee25fbbfe06b40fe21e1e458d14080e3c67e7ba0acfde4df4e0bbd
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.7.11"
|
||||
version: "0.7.4"
|
||||
typed_data:
|
||||
dependency: transitive
|
||||
description:
|
||||
|
|
@ -785,10 +785,10 @@ packages:
|
|||
dependency: transitive
|
||||
description:
|
||||
name: vector_math
|
||||
sha256: d530bd74fea330e6e364cda7a85019c434070188383e1cd8d9777ee586914c5b
|
||||
sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "2.2.0"
|
||||
version: "2.1.4"
|
||||
vm_service:
|
||||
dependency: transitive
|
||||
description:
|
||||
|
|
@ -854,5 +854,5 @@ packages:
|
|||
source: hosted
|
||||
version: "3.1.3"
|
||||
sdks:
|
||||
dart: ">=3.10.0-0 <4.0.0"
|
||||
dart: ">=3.8.1 <4.0.0"
|
||||
flutter: ">=3.29.0"
|
||||
|
|
|
|||
Loading…
Reference in New Issue