71 lines
2.3 KiB
Dart
71 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:flutter_svg/svg.dart';
|
||
import 'package:tm_app/core/constants/assets.dart';
|
||
import 'package:tm_app/core/constants/strings.dart';
|
||
import 'package:tm_app/core/theme/colors.dart';
|
||
import 'package:tm_app/core/utils/size_config.dart';
|
||
|
||
class NotificationCard extends StatelessWidget {
|
||
const NotificationCard({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
width: double.infinity,
|
||
margin: EdgeInsets.symmetric(horizontal: 24.0.w()),
|
||
padding: EdgeInsets.symmetric(horizontal: 16.0.w(), vertical: 16.0.h()),
|
||
decoration: BoxDecoration(
|
||
color: AppColors.mainBlue.withValues(alpha: 0.03),
|
||
borderRadius: BorderRadius.circular(4),
|
||
border: Border.all(color: AppColors.mainBlue.withValues(alpha: 0.15)),
|
||
),
|
||
child: Column(
|
||
children: [
|
||
Row(
|
||
children: [
|
||
SvgPicture.asset(AssetsManager.notification),
|
||
SizedBox(width: 8.0.w()),
|
||
Text(
|
||
AppStrings.welcome,
|
||
style: TextStyle(
|
||
fontSize: 16.0.sp(),
|
||
fontWeight: FontWeight.w500,
|
||
color: AppColors.grey80,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
SizedBox(height: 8.0.h()),
|
||
Text(
|
||
'You’ve been invited Lorem ipsum dolor sit amet consectetur. Volutpat velit tincidunt amet diam. Placerat congue ut Sed facilisis',
|
||
maxLines: 3,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(
|
||
fontSize: 14.0.sp(),
|
||
fontWeight: FontWeight.w400,
|
||
color: AppColors.grey60,
|
||
),
|
||
),
|
||
SizedBox(height: 8.0.h()),
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.only(start: 28.0),
|
||
child: Row(
|
||
children: [
|
||
SvgPicture.asset(AssetsManager.calendar),
|
||
SizedBox(width: 4.0.w()),
|
||
Text(
|
||
'5 Min',
|
||
style: TextStyle(
|
||
fontSize: 14.0.sp(),
|
||
color: AppColors.grey60,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|