mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-08-25 04:22:28 +00:00
fix UI to fit with Figma
This commit is contained in:
@ -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),
|
||||||
|
@ -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,
|
||||||
|
@ -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,
|
||||||
|
Reference in New Issue
Block a user