feat(ui_kit): update example by removing adaptative theme
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user