fix UI to fit with Figma

This commit is contained in:
Rafeek-Khoudare
2025-07-17 17:41:22 +03:00
parent 04fcf0a140
commit 0cb2875672
3 changed files with 15 additions and 3 deletions

View File

@ -4,6 +4,8 @@ import 'package:syncrow_web/utils/color_manager.dart';
class SvgTextButton extends StatelessWidget {
final String svgAsset;
final double? horizontalPadding;
final double? verticalPadding;
final String label;
final VoidCallback onPressed;
final Color backgroundColor;
@ -25,6 +27,8 @@ class SvgTextButton extends StatelessWidget {
this.svgColor = const Color(0xFF496EFF),
this.labelColor = Colors.black,
this.borderRadius = 10.0,
this.horizontalPadding,
this.verticalPadding,
this.boxShadow = const [
BoxShadow(
color: ColorsManager.lightGrayColor,
@ -43,7 +47,9 @@ class SvgTextButton extends StatelessWidget {
borderRadius: BorderRadius.circular(borderRadius),
onTap: onPressed,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
padding: EdgeInsets.symmetric(
horizontal: horizontalPadding ?? 24,
vertical: verticalPadding ?? 12),
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(borderRadius),

View File

@ -61,7 +61,10 @@ class ManageBookableSpacesWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(20),
padding: const EdgeInsets.symmetric(
vertical: 10,
horizontal: 35,
),
child: Column(
children: [
Expanded(
@ -75,7 +78,7 @@ class ManageBookableSpacesWidget extends StatelessWidget {
child: TableOfBookableSpacesWidget(),
),
const SizedBox(
height: 5,
height: 15,
),
const Expanded(
flex: 5,

View File

@ -26,6 +26,7 @@ class RowOfButtonsTitleWidget extends StatelessWidget {
children: [
ElevatedButton(
style: ElevatedButton.styleFrom(
padding: EdgeInsets.zero,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
@ -52,6 +53,8 @@ class RowOfButtonsTitleWidget extends StatelessWidget {
],
),
SvgTextButton(
verticalPadding: 10,
horizontalPadding: 10,
svgSize: 15,
fontSize: 10,
fontWeight: FontWeight.bold,