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

View File

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

View File

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