feat(ui_kit): update example by removing adaptative theme

This commit is contained in:
2023-04-28 14:04:15 +02:00
parent 4097a420c8
commit a024b7e70a
11 changed files with 184 additions and 101 deletions
@@ -1,7 +1,9 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:gap/gap.dart';
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
import 'package:wyatt_ui_kit_example/cubit/app_mode_cubit.dart';
class InformationCards extends StatelessWidget {
const InformationCards({super.key});
@@ -43,12 +45,21 @@ class InformationCards extends StatelessWidget {
const Gap(20),
InformationCard(
background: Center(
child: Container(
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/asset_1.png'),
fit: BoxFit.fitHeight,
alignment: Alignment.centerRight,
child: ColorFiltered(
colorFilter: ColorFilter.mode(
context.watch<AppModeCubit>().state.brightness ==
Brightness.light
? Colors.grey.withOpacity(0.2)
: Colors.white.withOpacity(0.2),
BlendMode.srcIn,
),
child: Container(
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/asset_1.png'),
fit: BoxFit.fitHeight,
alignment: Alignment.centerRight,
),
),
),
),
@@ -110,12 +121,21 @@ class InformationCards extends StatelessWidget {
const Gap(20),
InformationCard(
background: Center(
child: Container(
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/asset_1.png'),
fit: BoxFit.fitHeight,
alignment: Alignment.centerRight,
child: ColorFiltered(
colorFilter: ColorFilter.mode(
context.watch<AppModeCubit>().state.brightness ==
Brightness.light
? Colors.grey.withOpacity(0.2)
: Colors.white.withOpacity(0.2),
BlendMode.srcIn,
),
child: Container(
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/asset_1.png'),
fit: BoxFit.fitHeight,
alignment: Alignment.centerRight,
),
),
),
),
@@ -128,9 +148,9 @@ class InformationCards extends StatelessWidget {
subtitle: TextWrapper(
'One single code base.',
style: Theme.of(context).textTheme.titleMedium?.copyWith(
fontSize: 15,
fontWeight: FontWeight.bold,
),
fontSize: 15,
fontWeight: FontWeight.bold,
),
),
body: const TextWrapper(
'Cupidatat reprehenderit aliqua eiusmod Lorem. '
@@ -1,4 +1,3 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
@@ -31,10 +30,12 @@ class PortfolioCards extends StatelessWidget {
'quis elit ut amet velit. Incididunt fugiat proident '
'proident deserunt tempor Lorem cillum qui do '),
ctas: [
CupertinoButton(
color: Theme.of(context).primaryColor,
onPressed: () {},
child: const Text('En savoir plus >'),
context.components.flatButtonComponent.call(
label: const TextWrapper('En savoir plus'),
suffix: const Icon(
Icons.arrow_forward_ios,
size: 15,
),
),
],
assets: [
@@ -64,10 +65,12 @@ class PortfolioCards extends StatelessWidget {
'quis elit ut amet velit. Incididunt fugiat proident '
'proident deserunt tempor Lorem cillum qui do '),
ctas: [
CupertinoButton(
color: Theme.of(context).primaryColor,
onPressed: () {},
child: const Text('En savoir plus >'),
context.components.flatButtonComponent.call(
label: const TextWrapper('En savoir plus'),
suffix: const Icon(
Icons.arrow_forward_ios,
size: 15,
),
),
],
assets: [
@@ -97,10 +100,12 @@ class PortfolioCards extends StatelessWidget {
'quis elit ut amet velit. Incididunt fugiat proident '
'proident deserunt tempor Lorem cillum qui do '),
ctas: [
CupertinoButton(
color: Theme.of(context).primaryColor,
onPressed: () {},
child: const Text('En savoir plus >'),
context.components.flatButtonComponent.call(
label: const TextWrapper('En savoir plus'),
suffix: const Icon(
Icons.arrow_forward_ios,
size: 15,
),
),
],
assets: [
@@ -140,10 +145,12 @@ class PortfolioCards extends StatelessWidget {
'quis elit ut amet velit. Incididunt fugiat proident '
'proident deserunt tempor Lorem cillum qui do '),
ctas: [
CupertinoButton(
color: Theme.of(context).primaryColor,
onPressed: () {},
child: const Text('En savoir plus >'),
context.components.flatButtonComponent.call(
label: const TextWrapper('En savoir plus'),
suffix: const Icon(
Icons.arrow_forward_ios,
size: 15,
),
),
],
assets: [
@@ -40,7 +40,7 @@ class SkillCards extends StatelessWidget {
padding: const EdgeInsets.all(15),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.white.withOpacity(0.04),
color: Colors.grey.withOpacity(0.1),
),
child: GradientIcon(
icon: Icons.ac_unit_sharp,
@@ -71,7 +71,7 @@ class SkillCards extends StatelessWidget {
padding: const EdgeInsets.all(15),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.white.withOpacity(0.04),
color: Colors.grey.withOpacity(0.1),
),
child: GradientIcon(
icon: Icons.ac_unit_sharp,