BlockStorage/repertory
1
0
Fork 0
Code Issues 3 Pull Requests Releases 9 Wiki Activity

[ui] UI theme should match repertory blue #61

Browse Source
This commit is contained in:
Scott E. Graves
2025-09-04 13:05:09 -05:00
parent c03877aa58
commit ad88f369bc
2 changed files with 40 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
web/repertory/lib/screens/add_mount_screen.dart
View File

@@ -130,39 +130,37 @@ class _AddMountScreenState extends State<AddMountScreen> {
const SizedBox(height: constants.padding), const SizedBox(height: constants.padding),
UnconstrainedBox( UnconstrainedBox(
alignment: Alignment.centerLeft, alignment: Alignment.centerLeft,
child: FractionallySizedBox( child: IntrinsicWidth(
widthFactor: 1.5, stepWidth: 250.0,
child: IntrinsicWidth( child: DropdownButtonFormField<String>(
child: DropdownButtonFormField<String>( initialValue: _mountType.isEmpty ? null : _mountType,
initialValue: _mountType.isEmpty ? null : _mountType, isExpanded: false,
isExpanded: false, decoration: createCommonDecoration(
decoration: createCommonDecoration( scheme,
scheme, "Provider Type",
"Provider Type", Icons.storage,
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 ?? '',
);
},
), ),
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 ?? '',
);
},
), ),
), ),
), ),

25
web/repertory/lib/widgets/mount_widget.dart
View File

@@ -32,9 +32,6 @@ class _MountWidgetState extends State<MountWidget> {
final subStyle = textTheme.bodyMedium?.copyWith( final subStyle = textTheme.bodyMedium?.copyWith(
color: scheme.onSurface.withValues(alpha: 0.78), color: scheme.onSurface.withValues(alpha: 0.78),
); );
final pathStyle = textTheme.bodyMedium?.copyWith(
color: scheme.onSurface.withValues(alpha: 0.68),
);
return ConstrainedBox( return ConstrainedBox(
constraints: const BoxConstraints(minHeight: 120), constraints: const BoxConstraints(minHeight: 120),
@@ -102,7 +99,7 @@ class _MountWidgetState extends State<MountWidget> {
style: titleStyle, style: titleStyle,
), ),
SelectableText( SelectableText(
'${_formatType(mount.type)} • ${formatMountName(mount.type, mount.name)}', 'Name • ${formatMountName(mount.type, mount.name)}',
style: subStyle, style: subStyle,
), ),
], ],
@@ -117,13 +114,6 @@ class _MountWidgetState extends State<MountWidget> {
const SizedBox(height: constants.padding), const SizedBox(height: constants.padding),
Row( Row(
children: [ children: [
Expanded(
child: SelectableText(
_prettyPath(mount),
style: pathStyle,
),
),
const SizedBox(width: constants.padding),
_EditPathButton( _EditPathButton(
enabled: mount.mounted == false, enabled: mount.mounted == false,
onPressed: () async { 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, icon: icon,
iconColor: iconColor, iconColor: iconColor,
onTap: mounted == null ? null : onPressed, onTap: mounted == null ? null : onPressed,
iconSize: 22, iconSize: 24,
); );
} }
} }
@@ -419,9 +416,7 @@ class _EditPathButton extends StatelessWidget {
width: 1.2, width: 1.2,
), ),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular( borderRadius: BorderRadius.circular(constants.borderRadiusSmall),
constants.borderRadiusSmall * 1.6,
),
), ),
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10), padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
backgroundColor: scheme.primary.withValues(alpha: 0.10), backgroundColor: scheme.primary.withValues(alpha: 0.10),