mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-07-10 15:17:31 +00:00
Refactor SpaceNameTextField: Update text styling and border handling to utilize context-based theming. This improves consistency with the app's theme and enhances maintainability by centralizing border styling logic.
This commit is contained in:
@ -56,7 +56,7 @@ class _SpaceNameTextFieldState extends State<SpaceNameTextField> {
|
|||||||
UpdateSpaceDetailsName(value),
|
UpdateSpaceDetailsName(value),
|
||||||
),
|
),
|
||||||
validator: _validateName,
|
validator: _validateName,
|
||||||
style: Theme.of(context).textTheme.bodyMedium,
|
style: context.textTheme.bodyMedium,
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
hintText: 'Please enter the name',
|
hintText: 'Please enter the name',
|
||||||
hintStyle: context.textTheme.bodyMedium!.copyWith(
|
hintStyle: context.textTheme.bodyMedium!.copyWith(
|
||||||
@ -64,21 +64,22 @@ class _SpaceNameTextFieldState extends State<SpaceNameTextField> {
|
|||||||
),
|
),
|
||||||
filled: true,
|
filled: true,
|
||||||
fillColor: ColorsManager.boxColor,
|
fillColor: ColorsManager.boxColor,
|
||||||
enabledBorder: OutlineInputBorder(
|
enabledBorder: _buildBorder(context, ColorsManager.vividBlue),
|
||||||
borderRadius: BorderRadius.circular(10),
|
focusedBorder: _buildBorder(context, ColorsManager.primaryColor),
|
||||||
borderSide: const BorderSide(width: 1.5),
|
errorBorder: _buildBorder(context, context.theme.colorScheme.error),
|
||||||
),
|
focusedErrorBorder: _buildBorder(context, context.theme.colorScheme.error),
|
||||||
focusedBorder: OutlineInputBorder(
|
|
||||||
borderRadius: BorderRadius.circular(10),
|
|
||||||
borderSide: const BorderSide(
|
|
||||||
color: ColorsManager.boxColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
errorStyle: context.textTheme.bodySmall?.copyWith(
|
errorStyle: context.textTheme.bodySmall?.copyWith(
|
||||||
color: ColorsManager.red,
|
color: context.theme.colorScheme.error,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
OutlineInputBorder _buildBorder(BuildContext context, [Color? color]) {
|
||||||
|
return OutlineInputBorder(
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
borderSide: BorderSide(width: 1, color: color ?? ColorsManager.boxColor),
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user