android-apps-mirrors/Adguard-Home-Manager
0
0
Fork 0
mirror of https://github.com/JGeek00/adguard-home-manager.git synced 2025-06-28 20:09:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adapt ui to support text scale

Browse source
This commit is contained in:
Juan Gilsanz Polo 2023-11-29 11:56:28 +01:00
parent bddfac7e72
commit c9c960d1ee
23 changed files with 624 additions and 495 deletions
Download patch file Download diff file Expand all files Collapse all files

60
lib/screens/clients/client/blocked_services_section.dart
View file

@ -10,12 +10,12 @@ class BlockedServicesSection extends StatelessWidget {
final void Function(bool) onUpdateServicesGlobalSettings; final void Function(bool) onUpdateServicesGlobalSettings;
const BlockedServicesSection({ const BlockedServicesSection({
Key? key, super.key,
required this.useGlobalSettingsServices, required this.useGlobalSettingsServices,
required this.blockedServices, required this.blockedServices,
required this.onUpdatedBlockedServices, required this.onUpdatedBlockedServices,
required this.onUpdateServicesGlobalSettings required this.onUpdateServicesGlobalSettings
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -37,11 +37,13 @@ class BlockedServicesSection extends StatelessWidget {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Text( Flexible(
AppLocalizations.of(context)!.useGlobalSettings, child: Text(
style: TextStyle( AppLocalizations.of(context)!.useGlobalSettings,
fontSize: 16, style: TextStyle(
color: Theme.of(context).colorScheme.onSurface fontSize: 16,
color: Theme.of(context).colorScheme.onSurface
),
), ),
), ),
Switch( Switch(
@ -78,30 +80,32 @@ class BlockedServicesSection extends StatelessWidget {
: Theme.of(context).colorScheme.onSurface.withOpacity(0.38), : Theme.of(context).colorScheme.onSurface.withOpacity(0.38),
), ),
const SizedBox(width: 16), const SizedBox(width: 16),
Column( Flexible(
crossAxisAlignment: CrossAxisAlignment.start, child: Column(
children: [ crossAxisAlignment: CrossAxisAlignment.start,
Text( children: [
AppLocalizations.of(context)!.selectBlockedServices,
style: TextStyle(
fontSize: 16,
color: useGlobalSettingsServices == false
? Theme.of(context).colorScheme.onSurface
: Theme.of(context).colorScheme.onSurface.withOpacity(0.38),
),
),
if (useGlobalSettingsServices == false) ...[
const SizedBox(height: 5),
Text( Text(
blockedServices.isNotEmpty AppLocalizations.of(context)!.selectBlockedServices,
? "${blockedServices.length} ${AppLocalizations.of(context)!.servicesBlocked}"
: AppLocalizations.of(context)!.noBlockedServicesSelected,
style: TextStyle( style: TextStyle(
color: Theme.of(context).listTileTheme.iconColor fontSize: 16,
color: useGlobalSettingsServices == false
? Theme.of(context).colorScheme.onSurface
: Theme.of(context).colorScheme.onSurface.withOpacity(0.38),
), ),
) ),
] if (useGlobalSettingsServices == false) ...[
], const SizedBox(height: 5),
Text(
blockedServices.isNotEmpty
? "${blockedServices.length} ${AppLocalizations.of(context)!.servicesBlocked}"
: AppLocalizations.of(context)!.noBlockedServicesSelected,
style: TextStyle(
color: Theme.of(context).listTileTheme.iconColor
),
)
]
],
),
) )
], ],
), ),

16
lib/screens/clients/client/client_form.dart
View file

@ -47,7 +47,7 @@ class ClientForm extends StatelessWidget {
final void Function(bool) updateUseGlobalSettingsServices; final void Function(bool) updateUseGlobalSettingsServices;
const ClientForm({ const ClientForm({
Key? key, super.key,
required this.isFullScreen, required this.isFullScreen,
required this.client, required this.client,
required this.nameController, required this.nameController,
@ -75,7 +75,7 @@ class ClientForm extends StatelessWidget {
required this.updateEnableSafeSearch, required this.updateEnableSafeSearch,
required this.updateSafeSearch, required this.updateSafeSearch,
required this.updateUseGlobalSettingsServices, required this.updateUseGlobalSettingsServices,
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -154,11 +154,13 @@ class ClientForm extends StatelessWidget {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Text( Flexible(
AppLocalizations.of(context)!.useGlobalSettings, child: Text(
style: TextStyle( AppLocalizations.of(context)!.useGlobalSettings,
fontSize: 16, style: TextStyle(
color: Theme.of(context).colorScheme.onSurface fontSize: 16,
color: Theme.of(context).colorScheme.onSurface
),
), ),
), ),
Switch( Switch(

4
lib/screens/clients/client/client_screen.dart
View file

@ -27,12 +27,12 @@ class ClientScreen extends StatefulWidget {
final bool fullScreen; final bool fullScreen;
const ClientScreen({ const ClientScreen({
Key? key, super.key,
this.client, this.client,
required this.onConfirm, required this.onConfirm,
this.onDelete, this.onDelete,
required this.fullScreen required this.fullScreen
}) : super(key: key); });
@override @override
State<ClientScreen> createState() => _ClientScreenState(); State<ClientScreen> createState() => _ClientScreenState();

18
lib/screens/clients/client/tags_modal.dart
View file

@ -7,11 +7,11 @@ class TagsModal extends StatefulWidget {
final void Function(List<String>) onConfirm; final void Function(List<String>) onConfirm;
const TagsModal({ const TagsModal({
Key? key, super.key,
required this.selectedTags, required this.selectedTags,
required this.tags, required this.tags,
required this.onConfirm, required this.onConfirm,
}) : super(key: key); });
@override @override
State<TagsModal> createState() => _TagsModalState(); State<TagsModal> createState() => _TagsModalState();
@ -82,12 +82,14 @@ class _TagsModalState extends State<TagsModal> {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Text( Flexible(
widget.tags[index], child: Text(
style: TextStyle( widget.tags[index],
fontSize: 16, style: TextStyle(
fontWeight: FontWeight.w400, fontSize: 16,
color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.w400,
color: Theme.of(context).colorScheme.onSurface,
),
), ),
), ),
Checkbox( Checkbox(

340
lib/screens/filters/modals/update_interval_lists_modal.dart
View file

@ -12,11 +12,11 @@ class UpdateIntervalListsModal extends StatefulWidget {
final bool dialog; final bool dialog;
const UpdateIntervalListsModal({ const UpdateIntervalListsModal({
Key? key, super.key,
required this.interval, required this.interval,
required this.onChange, required this.onChange,
required this.dialog required this.dialog
}) : super(key: key); });
@override @override
State<UpdateIntervalListsModal> createState() => _UpdateIntervalListsModalState(); State<UpdateIntervalListsModal> createState() => _UpdateIntervalListsModalState();
@ -25,7 +25,7 @@ class UpdateIntervalListsModal extends StatefulWidget {
class _UpdateIntervalListsModalState extends State<UpdateIntervalListsModal> { class _UpdateIntervalListsModalState extends State<UpdateIntervalListsModal> {
int? selectedOption; int? selectedOption;
void _updateRadioValue(value) { void _updateRadioValue(int value) {
setState(() { setState(() {
selectedOption = value; selectedOption = value;
}); });
@ -41,18 +41,67 @@ class _UpdateIntervalListsModalState extends State<UpdateIntervalListsModal> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
final MediaQueryData mediaQueryData = MediaQuery.of(context); final MediaQueryData mediaQueryData = MediaQuery.of(context);
Widget content() { if (widget.dialog == true) {
return Column( return Dialog(
mainAxisSize: MainAxisSize.min, child: ConstrainedBox(
children: [ constraints: const BoxConstraints(
Flexible( maxWidth: 500
child: SingleChildScrollView( ),
child: Wrap( child: _Content(
children: [ selectedOption: selectedOption,
Row( onUpdateValue: _updateRadioValue,
mainAxisAlignment: MainAxisAlignment.center, onConfirm: () => widget.onChange(selectedOption!),
children: [ )
Column( ),
);
}
else {
return Padding(
padding: mediaQueryData.viewInsets,
child: Container(
decoration: BoxDecoration(
color: Theme.of(context).dialogBackgroundColor,
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(28),
topRight: Radius.circular(28)
),
),
child: _Content(
selectedOption: selectedOption,
onUpdateValue: _updateRadioValue,
onConfirm: () => widget.onChange(selectedOption!),
)
),
);
}
}
}
class _Content extends StatelessWidget {
final int? selectedOption;
final void Function(int) onUpdateValue;
final void Function() onConfirm;
const _Content({
required this.selectedOption,
required this.onUpdateValue,
required this.onConfirm,
});
@override
Widget build(BuildContext context) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
Flexible(
child: SingleChildScrollView(
child: Wrap(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Flexible(
child: Column(
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.only(top: 24), padding: const EdgeInsets.only(top: 24),
@ -62,7 +111,7 @@ class _UpdateIntervalListsModalState extends State<UpdateIntervalListsModal> {
color: Theme.of(context).listTileTheme.iconColor color: Theme.of(context).listTileTheme.iconColor
), ),
), ),
Container( Padding(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 24, horizontal: 24,
vertical: 16 vertical: 16
@ -78,157 +127,128 @@ class _UpdateIntervalListsModalState extends State<UpdateIntervalListsModal> {
), ),
), ),
], ],
) ),
)
],
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: Wrap(
runSpacing: 16,
children: [
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(right: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 0,
onTap: (v) => onUpdateValue(v as int),
label: AppLocalizations.of(context)!.never,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(left: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 1,
onTap: (v) => onUpdateValue(v as int),
label: AppLocalizations.of(context)!.hour1,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(right: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 12,
onTap: (v) => onUpdateValue(v as int),
label: AppLocalizations.of(context)!.hours12,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(left: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 24,
onTap: (v) => onUpdateValue(v as int),
label: AppLocalizations.of(context)!.hours24,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(right: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 72,
onTap: (v) => onUpdateValue(v as int),
label: AppLocalizations.of(context)!.days3,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(left: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 168,
onTap: (v) => onUpdateValue(v as int),
label: AppLocalizations.of(context)!.days7,
),
),
),
], ],
), ),
Padding( )
padding: const EdgeInsets.symmetric(horizontal: 24),
child: Wrap(
runSpacing: 16,
children: [
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(right: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 0,
onTap: _updateRadioValue,
label: AppLocalizations.of(context)!.never,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(left: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 1,
onTap: _updateRadioValue,
label: AppLocalizations.of(context)!.hour1,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(right: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 12,
onTap: _updateRadioValue,
label: AppLocalizations.of(context)!.hours12,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(left: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 24,
onTap: _updateRadioValue,
label: AppLocalizations.of(context)!.hours24,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(right: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 72,
onTap: _updateRadioValue,
label: AppLocalizations.of(context)!.days3,
),
),
),
FractionallySizedBox(
widthFactor: 0.5,
child: Padding(
padding: const EdgeInsets.only(left: 6),
child: OptionBox(
optionsValue: selectedOption,
itemValue: 168,
onTap: _updateRadioValue,
label: AppLocalizations.of(context)!.days7,
),
),
),
],
),
)
],
),
),
),
Padding(
padding: const EdgeInsets.all(24),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
TextButton(
onPressed: () => Navigator.pop(context),
child: Text(AppLocalizations.of(context)!.cancel),
),
const SizedBox(width: 20),
TextButton(
onPressed: selectedOption != null
? () {
Navigator.pop(context);
widget.onChange(selectedOption!);
}
: null,
style: ButtonStyle(
overlayColor: MaterialStateProperty.all(
Theme.of(context).colorScheme.primary.withOpacity(0.1)
),
foregroundColor: MaterialStateProperty.all(
selectedOption != null
? Theme.of(context).colorScheme.primary
: Colors.grey,
),
),
child: Text(AppLocalizations.of(context)!.confirm),
),
], ],
), ),
), ),
if (Platform.isIOS) const SizedBox(height: 16)
],
);
}
if (widget.dialog == true) {
return Dialog(
child: ConstrainedBox(
constraints: const BoxConstraints(
maxWidth: 500
),
child: content()
), ),
); Padding(
} padding: const EdgeInsets.all(24),
else { child: Row(
return Padding( mainAxisAlignment: MainAxisAlignment.end,
padding: mediaQueryData.viewInsets, children: [
child: Container( TextButton(
height: Platform.isIOS ? 406 : 390, onPressed: () => Navigator.pop(context),
decoration: BoxDecoration( child: Text(AppLocalizations.of(context)!.cancel),
color: Theme.of(context).dialogBackgroundColor, ),
borderRadius: const BorderRadius.only( const SizedBox(width: 20),
topLeft: Radius.circular(28), TextButton(
topRight: Radius.circular(28) onPressed: selectedOption != null
), ? () {
Navigator.pop(context);
onConfirm();
}
: null,
style: ButtonStyle(
overlayColor: MaterialStateProperty.all(
Theme.of(context).colorScheme.primary.withOpacity(0.1)
),
foregroundColor: MaterialStateProperty.all(
selectedOption != null
? Theme.of(context).colorScheme.primary
: Colors.grey,
),
),
child: Text(AppLocalizations.of(context)!.confirm),
),
],
), ),
child: content()
), ),
); if (Platform.isIOS) const SizedBox(height: 16)
} ],
);
} }
} }

11
lib/screens/filters/selection/selection_screen.dart
View file

@ -197,7 +197,7 @@ class _SelectionScreenState extends State<SelectionScreen> with TickerProviderSt
), ),
_Tab( _Tab(
icon: Icons.gpp_bad_rounded, icon: Icons.gpp_bad_rounded,
text: AppLocalizations.of(context)!.blacklist, text: AppLocalizations.of(context)!.blacklists,
quantity: _selectedBlacklists.length quantity: _selectedBlacklists.length
), ),
] ]
@ -263,7 +263,7 @@ class _SelectionScreenState extends State<SelectionScreen> with TickerProviderSt
), ),
_Tab( _Tab(
icon: Icons.gpp_bad_rounded, icon: Icons.gpp_bad_rounded,
text: AppLocalizations.of(context)!.blacklist, text: AppLocalizations.of(context)!.blacklists,
quantity: _selectedBlacklists.length quantity: _selectedBlacklists.length
), ),
] ]
@ -336,7 +336,12 @@ class _Tab extends StatelessWidget {
children: [ children: [
Icon(icon), Icon(icon),
const SizedBox(width: 8), const SizedBox(width: 8),
Text(text), Flexible(
child: Text(
text,
overflow: TextOverflow.ellipsis,
)
),
const SizedBox(width: 8), const SizedBox(width: 8),
Container( Container(
height: 22, height: 22,

4
lib/screens/home/chart.dart
View file

@ -14,14 +14,14 @@ class HomeChart extends StatelessWidget {
final int hoursInterval; final int hoursInterval;
const HomeChart({ const HomeChart({
Key? key, super.key,
required this.data, required this.data,
required this.label, required this.label,
required this.primaryValue, required this.primaryValue,
required this.secondaryValue, required this.secondaryValue,
required this.color, required this.color,
required this.hoursInterval required this.hoursInterval
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {

64
lib/screens/home/management_modal/main_switch.dart
View file

@ -15,12 +15,12 @@ class MainSwitch extends StatelessWidget {
final Animation<double> animation; final Animation<double> animation;
const MainSwitch({ const MainSwitch({
Key? key, super.key,
required this.expandableController, required this.expandableController,
required this.updateBlocking, required this.updateBlocking,
required this.disableWithCountdown, required this.disableWithCountdown,
required this.animation, required this.animation,
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -88,12 +88,11 @@ class _TopRow extends StatelessWidget {
final Animation<double> animation; final Animation<double> animation;
const _TopRow({ const _TopRow({
Key? key,
required this.legacyMode, required this.legacyMode,
required this.expandableController, required this.expandableController,
required this.updateBlocking, required this.updateBlocking,
required this.animation, required this.animation,
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -102,9 +101,9 @@ class _TopRow extends StatelessWidget {
return Row( return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Row( Expanded(
children: [ child: Row(
if (legacyMode == false) ...[ children: [
RotationTransition( RotationTransition(
turns: animation, turns: animation,
child: Icon( child: Icon(
@ -116,26 +115,30 @@ class _TopRow extends StatelessWidget {
), ),
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
], Flexible(
Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( Text(
AppLocalizations.of(context)!.allProtections, AppLocalizations.of(context)!.allProtections,
style: const TextStyle( overflow: TextOverflow.ellipsis,
fontSize: 18, style: const TextStyle(
), fontSize: 18,
),
),
if (statusProvider.serverStatus!.timeGeneralDisabled > 0) ...[
const SizedBox(height: 2),
if (statusProvider.currentDeadline != null) Text(
"${AppLocalizations.of(context)!.remainingTime}: ${formatRemainingSeconds(statusProvider.remainingTime)}"
)
]
],
), ),
if (statusProvider.serverStatus!.timeGeneralDisabled > 0) ...[ ),
const SizedBox(height: 2), ],
if (statusProvider.currentDeadline != null) Text( ),
"${AppLocalizations.of(context)!.remainingTime}: ${formatRemainingSeconds(statusProvider.remainingTime)}"
)
]
],
),
],
), ),
const SizedBox(width: 8),
Switch( Switch(
value: statusProvider.serverStatus!.generalEnabled, value: statusProvider.serverStatus!.generalEnabled,
onChanged: statusProvider.protectionsManagementProcess.contains('general') == false onChanged: statusProvider.protectionsManagementProcess.contains('general') == false
@ -145,7 +148,7 @@ class _TopRow extends StatelessWidget {
} }
updateBlocking( updateBlocking(
value: value, value: value,
filter: legacyMode == true ? 'general_legacy' : 'general' filter: 'general'
); );
} : null, } : null,
) )
@ -158,9 +161,8 @@ class _BottomRow extends StatefulWidget {
final void Function(int) disableWithCountdown; final void Function(int) disableWithCountdown;
const _BottomRow({ const _BottomRow({
Key? key,
required this.disableWithCountdown, required this.disableWithCountdown,
}) : super(key: key); });
@override @override
State<_BottomRow> createState() => _BottomRowState(); State<_BottomRow> createState() => _BottomRowState();
@ -173,8 +175,12 @@ class _BottomRowState extends State<_BottomRow> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
final statusProvider = Provider.of<StatusProvider>(context); final statusProvider = Provider.of<StatusProvider>(context);
final textScale = MediaQuery.of(context).textScaleFactor;
return Container( return Container(
height: Platform.isMacOS || Platform.isLinux || Platform.isWindows ? 50 : 40, height: Platform.isMacOS || Platform.isLinux || Platform.isWindows
? 50 * textScale
: 40 * textScale,
margin: const EdgeInsets.only(top: 8), margin: const EdgeInsets.only(top: 8),
child: Scrollbar( child: Scrollbar(
controller: _chipsScrollController, controller: _chipsScrollController,

3
lib/screens/home/management_modal/management_modal.dart
View file

@ -181,12 +181,11 @@ class _Modal extends StatelessWidget {
final Animation<double> animation; final Animation<double> animation;
const _Modal({ const _Modal({
Key? key,
required this.expandableController, required this.expandableController,
required this.updateBlocking, required this.updateBlocking,
required this.disableWithCountdown, required this.disableWithCountdown,
required this.animation, required this.animation,
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {

99
lib/screens/home/server_status.dart
View file

@ -9,17 +9,43 @@ class ServerStatusWidget extends StatelessWidget {
final ServerStatus serverStatus; final ServerStatus serverStatus;
const ServerStatusWidget({ const ServerStatusWidget({
Key? key, super.key,
required this.serverStatus, required this.serverStatus,
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final width = MediaQuery.of(context).size.width; final width = MediaQuery.of(context).size.width;
final textScaleFactor = MediaQuery.of(context).textScaleFactor;
return Container(
double boxSize() {
if (textScaleFactor < 1 || (textScaleFactor >= 1 && textScaleFactor < 1.15)) {
return 65;
}
else if (textScaleFactor >= 1.15 && textScaleFactor < 1.3) {
return 75;
}
else if (textScaleFactor >= 1.3 && textScaleFactor < 1.45) {
return 80;
}
else if (textScaleFactor >= 1.45 && textScaleFactor < 1.6) {
return 85;
}
else if (textScaleFactor >= 1.6 && textScaleFactor < 1.85) {
return 100;
}
else if (textScaleFactor >= 1.85) {
return 110;
}
else {
return 65;
}
}
return Padding(
padding: const EdgeInsets.only(left: 16, right: 16, bottom: 16), padding: const EdgeInsets.only(left: 16, right: 16, bottom: 16),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min,
children: [ children: [
Text( Text(
AppLocalizations.of(context)!.serverStatus, AppLocalizations.of(context)!.serverStatus,
@ -30,40 +56,39 @@ class ServerStatusWidget extends StatelessWidget {
), ),
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
SizedBox( GridView(
height: width > 700 ? 66 : 146, primary: false,
child: GridView( shrinkWrap: true,
padding: const EdgeInsets.all(0), padding: const EdgeInsets.all(0),
physics: const NeverScrollableScrollPhysics(), physics: const NeverScrollableScrollPhysics(),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: width > 700 ? 4 : 2, crossAxisCount: width > 700 ? 4 : 2,
crossAxisSpacing: 10, crossAxisSpacing: 10,
mainAxisSpacing: 10, mainAxisSpacing: 10,
mainAxisExtent: 65 mainAxisExtent: boxSize()
),
children: [
StatusBox(
icon: Icons.filter_list_rounded,
label: AppLocalizations.of(context)!.ruleFilteringWidget,
isEnabled: serverStatus.filteringEnabled
),
StatusBox(
icon: Icons.vpn_lock_rounded,
label: AppLocalizations.of(context)!.safeBrowsingWidget,
isEnabled: serverStatus.safeBrowsingEnabled
),
StatusBox(
icon: Icons.block,
label: AppLocalizations.of(context)!.parentalFilteringWidget,
isEnabled: serverStatus.parentalControlEnabled
),
StatusBox(
icon: Icons.search_rounded,
label: AppLocalizations.of(context)!.safeSearchWidget,
isEnabled: serverStatus.safeSearchEnabled
),
],
), ),
children: [
StatusBox(
icon: Icons.filter_list_rounded,
label: AppLocalizations.of(context)!.ruleFilteringWidget,
isEnabled: serverStatus.filteringEnabled
),
StatusBox(
icon: Icons.vpn_lock_rounded,
label: AppLocalizations.of(context)!.safeBrowsingWidget,
isEnabled: serverStatus.safeBrowsingEnabled
),
StatusBox(
icon: Icons.block,
label: AppLocalizations.of(context)!.parentalFilteringWidget,
isEnabled: serverStatus.parentalControlEnabled
),
StatusBox(
icon: Icons.search_rounded,
label: AppLocalizations.of(context)!.safeSearchWidget,
isEnabled: serverStatus.safeSearchEnabled
),
],
) )
], ],
), ),

4
lib/screens/home/status_box.dart
View file

@ -9,11 +9,11 @@ class StatusBox extends StatelessWidget {
final bool isEnabled; final bool isEnabled;
const StatusBox({ const StatusBox({
Key? key, super.key,
required this.icon, required this.icon,
required this.label, required this.label,
required this.isEnabled required this.isEnabled
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {

34
lib/screens/logs/configuration/config_widgets.dart
View file

@ -17,7 +17,7 @@ class LogsConfigOptions extends StatelessWidget {
final void Function() onConfirm; final void Function() onConfirm;
const LogsConfigOptions({ const LogsConfigOptions({
Key? key, super.key,
required this.generalSwitch, required this.generalSwitch,
required this.updateGeneralSwitch, required this.updateGeneralSwitch,
required this.anonymizeClientIp, required this.anonymizeClientIp,
@ -27,10 +27,12 @@ class LogsConfigOptions extends StatelessWidget {
required this.updateRetentionTime, required this.updateRetentionTime,
required this.onClear, required this.onClear,
required this.onConfirm required this.onConfirm
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final width = MediaQuery.of(context).size.width;
return Column( return Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
@ -111,10 +113,12 @@ class LogsConfigOptions extends StatelessWidget {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Text( Flexible(
AppLocalizations.of(context)!.anonymizeClientIp, child: Text(
style: const TextStyle( AppLocalizations.of(context)!.anonymizeClientIp,
fontSize: 16 style: const TextStyle(
fontSize: 16
),
), ),
), ),
Switch( Switch(
@ -159,13 +163,21 @@ class LogsConfigOptions extends StatelessWidget {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
TextButton( if (width > 500) TextButton(
onPressed: () { onPressed: () {
Navigator.pop(context); Navigator.pop(context);
onClear(); onClear();
}, },
child: Text(AppLocalizations.of(context)!.clearLogs) child: Text(AppLocalizations.of(context)!.clearLogs)
), ),
if (width <= 500) IconButton(
onPressed: () {
Navigator.pop(context);
onClear();
},
icon: const Icon(Icons.delete_rounded),
tooltip: AppLocalizations.of(context)!.clearLogs,
),
Row( Row(
children: [ children: [
TextButton( TextButton(
@ -174,7 +186,7 @@ class LogsConfigOptions extends StatelessWidget {
), ),
const SizedBox(width: 20), const SizedBox(width: 20),
TextButton( TextButton(
onPressed: retentionTime != '' onPressed: retentionTime != null
? () { ? () {
Navigator.pop(context); Navigator.pop(context);
onConfirm(); onConfirm();
@ -183,7 +195,7 @@ class LogsConfigOptions extends StatelessWidget {
child: Text( child: Text(
AppLocalizations.of(context)!.confirm, AppLocalizations.of(context)!.confirm,
style: TextStyle( style: TextStyle(
color: retentionTime != '' color: retentionTime != null
? Theme.of(context).colorScheme.primary ? Theme.of(context).colorScheme.primary
: Colors.grey : Colors.grey
), ),
@ -201,7 +213,7 @@ class LogsConfigOptions extends StatelessWidget {
} }
class ConfigLogsLoading extends StatelessWidget { class ConfigLogsLoading extends StatelessWidget {
const ConfigLogsLoading({Key? key}) : super(key: key); const ConfigLogsLoading({super.key});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -232,7 +244,7 @@ class ConfigLogsLoading extends StatelessWidget {
} }
class ConfigLogsError extends StatelessWidget { class ConfigLogsError extends StatelessWidget {
const ConfigLogsError({Key? key}) : super(key: key); const ConfigLogsError({super.key});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {

1
lib/screens/logs/configuration/logs_config_modal.dart
View file

@ -143,7 +143,6 @@ class _LogsConfigModalState extends State<LogsConfigModal> {
} }
else { else {
return Container( return Container(
height: Platform.isIOS ? 436 : 420,
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: const BorderRadius.only( borderRadius: const BorderRadius.only(
topLeft: Radius.circular(28), topLeft: Radius.circular(28),

10
lib/screens/logs/filters/clients_modal.dart
View file

@ -12,10 +12,10 @@ class ClientsModal extends StatefulWidget {
final bool dialog; final bool dialog;
const ClientsModal({ const ClientsModal({
Key? key, super.key,
required this.value, required this.value,
required this.dialog required this.dialog
}) : super(key: key); });
@override @override
State<ClientsModal> createState() => _ClientsModalState(); State<ClientsModal> createState() => _ClientsModalState();
@ -75,10 +75,9 @@ class _ModalContent extends StatelessWidget {
final void Function(List<String>) onClientsSelected; final void Function(List<String>) onClientsSelected;
const _ModalContent({ const _ModalContent({
Key? key,
required this.selectedClients, required this.selectedClients,
required this.onClientsSelected, required this.onClientsSelected,
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -188,11 +187,10 @@ class _ListItem extends StatelessWidget {
final void Function(bool) onChanged; final void Function(bool) onChanged;
const _ListItem({ const _ListItem({
Key? key,
required this.label, required this.label,
required this.checkboxActive, required this.checkboxActive,
required this.onChanged, required this.onChanged,
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {

354
lib/screens/logs/filters/filter_status_modal.dart
View file

@ -11,10 +11,10 @@ class FilterStatusModal extends StatefulWidget {
final bool dialog; final bool dialog;
const FilterStatusModal({ const FilterStatusModal({
Key? key, super.key,
required this.value, required this.value,
required this.dialog required this.dialog
}) : super(key: key); });
@override @override
State<FilterStatusModal> createState() => _FilterStatusModalState(); State<FilterStatusModal> createState() => _FilterStatusModalState();
@ -39,164 +39,17 @@ class _FilterStatusModalState extends State<FilterStatusModal> {
Navigator.pop(context); Navigator.pop(context);
} }
Widget filterStatusListItem({
required String id,
required IconData icon,
required String label,
required void Function(String?) onChanged
}) {
return Material(
color: Colors.transparent,
child: InkWell(
onTap: () => onChanged(id),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
Icon(
icon,
size: 24,
color: Theme.of(context).listTileTheme.iconColor
),
const SizedBox(width: 16),
Text(
label,
style: TextStyle(
fontSize: 16,
color: Theme.of(context).colorScheme.onSurface
),
)
],
),
Radio(
value: id,
groupValue: selectedResultStatus,
onChanged: onChanged
)
],
),
),
),
);
}
Widget content() {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
Flexible(
child: SingleChildScrollView(
child: Wrap(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Column(
children: [
Padding(
padding: const EdgeInsets.only(
top: 24,
bottom: 16,
),
child: Icon(
Icons.shield_rounded,
size: 24,
color: Theme.of(context).listTileTheme.iconColor
),
),
Text(
AppLocalizations.of(context)!.responseStatus,
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w400,
color: Theme.of(context).colorScheme.onSurface
),
),
],
)
],
),
Container(height: 16),
filterStatusListItem(
id: "all",
icon: Icons.shield_rounded,
label: AppLocalizations.of(context)!.all,
onChanged: (value) => setState(() => selectedResultStatus = value!)
),
filterStatusListItem(
id: "filtered",
icon: Icons.shield_rounded,
label: AppLocalizations.of(context)!.filtered,
onChanged: (value) => setState(() => selectedResultStatus = value!)
),
filterStatusListItem(
id: "processed",
icon: Icons.verified_user_rounded,
label: AppLocalizations.of(context)!.processedRow,
onChanged: (value) => setState(() => selectedResultStatus = value!)
),
filterStatusListItem(
id: "whitelisted",
icon: Icons.verified_user_rounded,
label: AppLocalizations.of(context)!.processedWhitelistRow,
onChanged: (value) => setState(() => selectedResultStatus = value!)
),
filterStatusListItem(
id: "blocked",
icon: Icons.gpp_bad_rounded,
label: AppLocalizations.of(context)!.blocked,
onChanged: (value) => setState(() => selectedResultStatus = value!)
),
filterStatusListItem(
id: "blocked_safebrowsing",
icon: Icons.gpp_bad_rounded,
label: AppLocalizations.of(context)!.blockedSafeBrowsingRow,
onChanged: (value) => setState(() => selectedResultStatus = value!)
),
filterStatusListItem(
id: "blocked_parental",
icon: Icons.gpp_bad_rounded,
label: AppLocalizations.of(context)!.blockedParentalRow,
onChanged: (value) => setState(() => selectedResultStatus = value!)
),
filterStatusListItem(
id: "safe_search",
icon: Icons.gpp_bad_rounded,
label: AppLocalizations.of(context)!.blockedSafeSearchRow,
onChanged: (value) => setState(() => selectedResultStatus = value!)
),
],
),
),
),
Padding(
padding: const EdgeInsets.all(24),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
TextButton(
onPressed: apply,
child: Text(AppLocalizations.of(context)!.apply)
)
],
),
),
if (Platform.isIOS) const SizedBox(height: 16)
],
);
}
if (widget.dialog == true) { if (widget.dialog == true) {
return Dialog( return Dialog(
child: ConstrainedBox( child: ConstrainedBox(
constraints: const BoxConstraints( constraints: const BoxConstraints(
maxWidth: 400 maxWidth: 400
), ),
child: content() child: _Content(
onApply: apply,
updateSelectedResultStatus: (v) => setState(() => selectedResultStatus = v),
selectedResultStatus: selectedResultStatus,
)
), ),
); );
} }
@ -209,8 +62,199 @@ class _FilterStatusModalState extends State<FilterStatusModal> {
), ),
color: Theme.of(context).dialogBackgroundColor color: Theme.of(context).dialogBackgroundColor
), ),
child: content() child: _Content(
onApply: apply,
updateSelectedResultStatus: (v) => setState(() => selectedResultStatus = v),
selectedResultStatus: selectedResultStatus,
)
); );
} }
} }
}
class _Content extends StatelessWidget {
final String selectedResultStatus;
final void Function(String) updateSelectedResultStatus;
final void Function() onApply;
const _Content({
required this.selectedResultStatus,
required this.updateSelectedResultStatus,
required this.onApply,
});
@override
Widget build(BuildContext context) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
Flexible(
child: SingleChildScrollView(
child: Wrap(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Column(
children: [
Padding(
padding: const EdgeInsets.only(
top: 24,
bottom: 16,
),
child: Icon(
Icons.shield_rounded,
size: 24,
color: Theme.of(context).listTileTheme.iconColor
),
),
Text(
AppLocalizations.of(context)!.responseStatus,
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w400,
color: Theme.of(context).colorScheme.onSurface
),
),
],
)
],
),
Container(height: 16),
_Item(
selectedResultStatus: selectedResultStatus,
id: "all",
icon: Icons.shield_rounded,
label: AppLocalizations.of(context)!.all,
onChanged: updateSelectedResultStatus
),
_Item(
selectedResultStatus: selectedResultStatus,
id: "filtered",
icon: Icons.shield_rounded,
label: AppLocalizations.of(context)!.filtered,
onChanged: updateSelectedResultStatus
),
_Item(
selectedResultStatus: selectedResultStatus,
id: "processed",
icon: Icons.verified_user_rounded,
label: AppLocalizations.of(context)!.processedRow,
onChanged: updateSelectedResultStatus
),
_Item(
selectedResultStatus: selectedResultStatus,
id: "whitelisted",
icon: Icons.verified_user_rounded,
label: AppLocalizations.of(context)!.processedWhitelistRow,
onChanged: updateSelectedResultStatus
),
_Item(
selectedResultStatus: selectedResultStatus,
id: "blocked",
icon: Icons.gpp_bad_rounded,
label: AppLocalizations.of(context)!.blocked,
onChanged: updateSelectedResultStatus
),
_Item(
selectedResultStatus: selectedResultStatus,
id: "blocked_safebrowsing",
icon: Icons.gpp_bad_rounded,
label: AppLocalizations.of(context)!.blockedSafeBrowsingRow,
onChanged: updateSelectedResultStatus
),
_Item(
selectedResultStatus: selectedResultStatus,
id: "blocked_parental",
icon: Icons.gpp_bad_rounded,
label: AppLocalizations.of(context)!.blockedParentalRow,
onChanged: updateSelectedResultStatus
),
_Item(
selectedResultStatus: selectedResultStatus,
id: "safe_search",
icon: Icons.gpp_bad_rounded,
label: AppLocalizations.of(context)!.blockedSafeSearchRow,
onChanged: updateSelectedResultStatus
),
],
),
),
),
Padding(
padding: const EdgeInsets.all(24),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
TextButton(
onPressed: onApply,
child: Text(AppLocalizations.of(context)!.apply)
)
],
),
),
if (Platform.isIOS) const SizedBox(height: 16)
],
);
}
}
class _Item extends StatelessWidget {
final String selectedResultStatus;
final String id;
final IconData icon;
final String label;
final void Function(String) onChanged;
const _Item({
required this.selectedResultStatus,
required this.id,
required this.icon,
required this.label,
required this.onChanged,
});
@override
Widget build(BuildContext context) {
return Material(
color: Colors.transparent,
child: InkWell(
onTap: () => onChanged(id),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Flexible(
child: Row(
children: [
Icon(
icon,
size: 24,
color: Theme.of(context).listTileTheme.iconColor
),
const SizedBox(width: 16),
Flexible(
child: Text(
label,
style: TextStyle(
fontSize: 16,
color: Theme.of(context).colorScheme.onSurface
),
),
)
],
),
),
Radio(
value: id,
groupValue: selectedResultStatus,
onChanged: (v) => onChanged(v!)
)
],
),
),
),
);
}
} }

42
lib/screens/settings/dhcp/add_static_lease_modal.dart
View file

@ -8,10 +8,10 @@ class AddStaticLeaseModal extends StatefulWidget {
final bool dialog; final bool dialog;
const AddStaticLeaseModal({ const AddStaticLeaseModal({
Key? key, super.key,
required this.onConfirm, required this.onConfirm,
required this.dialog required this.dialog
}) : super(key: key); });
@override @override
State<AddStaticLeaseModal> createState() => _AddStaticLeaseModalState(); State<AddStaticLeaseModal> createState() => _AddStaticLeaseModalState();
@ -80,26 +80,28 @@ class _AddStaticLeaseModalState extends State<AddStaticLeaseModal> {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Column( Flexible(
children: [ child: Column(
Padding( children: [
padding: const EdgeInsets.only(top: 24), Padding(
child: Icon( padding: const EdgeInsets.only(top: 24),
Icons.add, child: Icon(
size: 24, Icons.add,
color: Theme.of(context).listTileTheme.iconColor size: 24,
color: Theme.of(context).listTileTheme.iconColor
),
), ),
), const SizedBox(height: 16),
const SizedBox(height: 16), Text(
Text( AppLocalizations.of(context)!.addStaticLease,
AppLocalizations.of(context)!.addStaticLease, textAlign: TextAlign.center,
textAlign: TextAlign.center, style: TextStyle(
style: TextStyle( fontSize: 24,
fontSize: 24, color: Theme.of(context).colorScheme.onSurface
color: Theme.of(context).colorScheme.onSurface ),
), ),
), ],
], ),
), ),
], ],
), ),

1
lib/screens/settings/dhcp/dhcp.dart
View file

@ -414,6 +414,7 @@ class _DhcpScreenState extends State<DhcpScreen> {
const SizedBox(height: 30), const SizedBox(height: 30),
Text( Text(
AppLocalizations.of(context)!.loadingDhcp, AppLocalizations.of(context)!.loadingDhcp,
textAlign: TextAlign.center,
style: TextStyle( style: TextStyle(
fontSize: 22, fontSize: 22,
color: Theme.of(context).colorScheme.onSurfaceVariant, color: Theme.of(context).colorScheme.onSurfaceVariant,

17
lib/screens/settings/dhcp/dhcp_interface_item.dart
View file

@ -8,10 +8,10 @@ class DhcpInterfaceItem extends StatelessWidget {
final void Function(NetworkInterface) onSelect; final void Function(NetworkInterface) onSelect;
const DhcpInterfaceItem({ const DhcpInterfaceItem({
Key? key, super.key,
required this.networkInterface, required this.networkInterface,
required this.onSelect required this.onSelect
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -56,6 +56,7 @@ class DhcpInterfaceItem extends StatelessWidget {
const SizedBox(height: 5), const SizedBox(height: 5),
if (networkInterface.flags.isNotEmpty) ...[ if (networkInterface.flags.isNotEmpty) ...[
Row( Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( Text(
"Flags: ", "Flags: ",
@ -64,11 +65,13 @@ class DhcpInterfaceItem extends StatelessWidget {
color: Theme.of(context).colorScheme.onSurfaceVariant color: Theme.of(context).colorScheme.onSurfaceVariant
), ),
), ),
Text( Flexible(
networkInterface.flags.join(', '), child: Text(
style: TextStyle( networkInterface.flags.join(', '),
fontSize: 14, style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant fontSize: 14,
color: Theme.of(context).colorScheme.onSurfaceVariant
),
), ),
), ),
], ],

4
lib/screens/settings/dhcp/select_interface_modal.dart
View file

@ -13,11 +13,11 @@ class SelectInterfaceModal extends StatelessWidget {
final bool dialog; final bool dialog;
const SelectInterfaceModal({ const SelectInterfaceModal({
Key? key, super.key,
required this.interfaces, required this.interfaces,
required this.onSelect, required this.onSelect,
required this.dialog required this.dialog
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {

5
lib/screens/settings/dns/clear_dns_cache_dialog.dart
View file

@ -5,9 +5,9 @@ class ClearDnsCacheDialog extends StatelessWidget {
final void Function() onConfirm; final void Function() onConfirm;
const ClearDnsCacheDialog({ const ClearDnsCacheDialog({
Key? key, super.key,
required this.onConfirm required this.onConfirm
}) : super(key: key); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -22,6 +22,7 @@ class ClearDnsCacheDialog extends StatelessWidget {
const SizedBox(height: 16), const SizedBox(height: 16),
Text( Text(
AppLocalizations.of(context)!.clearDnsCache, AppLocalizations.of(context)!.clearDnsCache,
textAlign: TextAlign.center,
style: TextStyle( style: TextStyle(
fontSize: 24, fontSize: 24,
color: Theme.of(context).colorScheme.onSurface color: Theme.of(context).colorScheme.onSurface

4
lib/screens/settings/dns_rewrites/dns_rewrites.dart
View file

@ -19,7 +19,7 @@ import 'package:adguard_home_manager/models/rewrite_rules.dart';
import 'package:adguard_home_manager/classes/process_modal.dart'; import 'package:adguard_home_manager/classes/process_modal.dart';
class DnsRewritesScreen extends StatefulWidget { class DnsRewritesScreen extends StatefulWidget {
const DnsRewritesScreen({Key? key}) : super(key: key); const DnsRewritesScreen({super.key});
@override @override
State<DnsRewritesScreen> createState() => _DnsRewritesScreenState(); State<DnsRewritesScreen> createState() => _DnsRewritesScreenState();
@ -152,6 +152,7 @@ class _DnsRewritesScreenState extends State<DnsRewritesScreen> {
const SizedBox(height: 30), const SizedBox(height: 30),
Text( Text(
AppLocalizations.of(context)!.loadingRewriteRules, AppLocalizations.of(context)!.loadingRewriteRules,
textAlign: TextAlign.center,
style: TextStyle( style: TextStyle(
fontSize: 22, fontSize: 22,
color: Theme.of(context).colorScheme.onSurfaceVariant, color: Theme.of(context).colorScheme.onSurfaceVariant,
@ -305,6 +306,7 @@ class _DnsRewritesScreenState extends State<DnsRewritesScreen> {
const SizedBox(height: 30), const SizedBox(height: 30),
Text( Text(
AppLocalizations.of(context)!.rewriteRulesNotLoaded, AppLocalizations.of(context)!.rewriteRulesNotLoaded,
textAlign: TextAlign.center,
style: TextStyle( style: TextStyle(
fontSize: 22, fontSize: 22,
color: Theme.of(context).colorScheme.onSurfaceVariant, color: Theme.of(context).colorScheme.onSurfaceVariant,

10
lib/screens/settings/safe_search_settings.dart
View file

@ -177,10 +177,12 @@ class _SafeSearchSettingsScreenState extends State<SafeSearchSettingsScreen> {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Text( Flexible(
AppLocalizations.of(context)!.enableSafeSearch, child: Text(
style: const TextStyle( AppLocalizations.of(context)!.enableSafeSearch,
fontSize: 18 style: const TextStyle(
fontSize: 18
),
), ),
), ),
Switch( Switch(

14
lib/widgets/custom_list_tile_dialog.dart
View file

@ -29,12 +29,14 @@ class CustomListTileDialog extends StatelessWidget {
), ),
const SizedBox(width: 24), const SizedBox(width: 24),
], ],
Text( Flexible(
title, child: Text(
style: TextStyle( title,
fontSize: 16, style: TextStyle(
fontWeight: FontWeight.w400, fontSize: 16,
color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.w400,
color: Theme.of(context).colorScheme.onSurface,
),
), ),
) )
], ],