[ui] UI theme should match repertory blue #61
This commit is contained in:
@@ -130,39 +130,37 @@ class _AddMountScreenState extends State<AddMountScreen> {
|
||||
const SizedBox(height: constants.padding),
|
||||
UnconstrainedBox(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: FractionallySizedBox(
|
||||
widthFactor: 1.5,
|
||||
child: IntrinsicWidth(
|
||||
child: DropdownButtonFormField<String>(
|
||||
initialValue: _mountType.isEmpty ? null : _mountType,
|
||||
isExpanded: false,
|
||||
decoration: createCommonDecoration(
|
||||
scheme,
|
||||
"Provider Type",
|
||||
Icons.storage,
|
||||
),
|
||||
dropdownColor: scheme.primary.withValues(alpha: 0.8),
|
||||
style: textTheme.bodyMedium?.copyWith(
|
||||
color: scheme.onSurface.withValues(alpha: 0.96),
|
||||
),
|
||||
items: constants.providerTypeList.map((item) {
|
||||
return DropdownMenuItem<String>(
|
||||
value: item,
|
||||
child: Text(
|
||||
item,
|
||||
style: textTheme.bodyMedium?.copyWith(
|
||||
color: scheme.onSurface.withValues(alpha: 0.96),
|
||||
),
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
onChanged: (mountType) {
|
||||
_handleChange(
|
||||
Provider.of<Auth>(context, listen: false),
|
||||
mountType ?? '',
|
||||
);
|
||||
},
|
||||
child: IntrinsicWidth(
|
||||
stepWidth: 250.0,
|
||||
child: DropdownButtonFormField<String>(
|
||||
initialValue: _mountType.isEmpty ? null : _mountType,
|
||||
isExpanded: false,
|
||||
decoration: createCommonDecoration(
|
||||
scheme,
|
||||
"Provider Type",
|
||||
Icons.storage,
|
||||
),
|
||||
dropdownColor: scheme.primary.withValues(alpha: 0.8),
|
||||
style: textTheme.bodyMedium?.copyWith(
|
||||
color: scheme.onSurface.withValues(alpha: 0.96),
|
||||
),
|
||||
items: constants.providerTypeList.map((item) {
|
||||
return DropdownMenuItem<String>(
|
||||
value: item,
|
||||
child: Text(
|
||||
item,
|
||||
style: textTheme.bodyMedium?.copyWith(
|
||||
color: scheme.onSurface.withValues(alpha: 0.96),
|
||||
),
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
onChanged: (mountType) {
|
||||
_handleChange(
|
||||
Provider.of<Auth>(context, listen: false),
|
||||
mountType ?? '',
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
|
@@ -32,9 +32,6 @@ class _MountWidgetState extends State<MountWidget> {
|
||||
final subStyle = textTheme.bodyMedium?.copyWith(
|
||||
color: scheme.onSurface.withValues(alpha: 0.78),
|
||||
);
|
||||
final pathStyle = textTheme.bodyMedium?.copyWith(
|
||||
color: scheme.onSurface.withValues(alpha: 0.68),
|
||||
);
|
||||
|
||||
return ConstrainedBox(
|
||||
constraints: const BoxConstraints(minHeight: 120),
|
||||
@@ -102,7 +99,7 @@ class _MountWidgetState extends State<MountWidget> {
|
||||
style: titleStyle,
|
||||
),
|
||||
SelectableText(
|
||||
'${_formatType(mount.type)} • ${formatMountName(mount.type, mount.name)}',
|
||||
'Name • ${formatMountName(mount.type, mount.name)}',
|
||||
style: subStyle,
|
||||
),
|
||||
],
|
||||
@@ -117,13 +114,6 @@ class _MountWidgetState extends State<MountWidget> {
|
||||
const SizedBox(height: constants.padding),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: SelectableText(
|
||||
_prettyPath(mount),
|
||||
style: pathStyle,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: constants.padding),
|
||||
_EditPathButton(
|
||||
enabled: mount.mounted == false,
|
||||
onPressed: () async {
|
||||
@@ -164,6 +154,13 @@ class _MountWidgetState extends State<MountWidget> {
|
||||
}
|
||||
},
|
||||
),
|
||||
const SizedBox(width: constants.padding),
|
||||
Expanded(
|
||||
child: SelectableText(
|
||||
_prettyPath(mount),
|
||||
style: subStyle,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
@@ -391,7 +388,7 @@ class _ToggleFramed extends StatelessWidget {
|
||||
icon: icon,
|
||||
iconColor: iconColor,
|
||||
onTap: mounted == null ? null : onPressed,
|
||||
iconSize: 22,
|
||||
iconSize: 24,
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -419,9 +416,7 @@ class _EditPathButton extends StatelessWidget {
|
||||
width: 1.2,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(
|
||||
constants.borderRadiusSmall * 1.6,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(constants.borderRadiusSmall),
|
||||
),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
|
||||
backgroundColor: scheme.primary.withValues(alpha: 0.10),
|
||||
|
Reference in New Issue
Block a user