Fabio/aves
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

#240 smaller thumbnail icons to fit 5 on a side

Browse source
This commit is contained in:
Thibault Deckers 2022-05-23 09:27:30 +09:00
parent 13bac7937b
commit 25019f8357
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
lib/widgets/common/grid/theme.dart
View file

@ -1,6 +1,7 @@
import 'dart:math'; import 'dart:math';
import 'package:aves/model/settings/settings.dart'; import 'package:aves/model/settings/settings.dart';
import 'package:aves/widgets/common/identity/aves_icons.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
@ -21,7 +22,8 @@ class GridTheme extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return ProxyProvider2<Settings, MediaQueryData, GridThemeData>( return ProxyProvider2<Settings, MediaQueryData, GridThemeData>(
update: (context, settings, mq, previous) { update: (context, settings, mq, previous) {
var iconSize = min(24.0, (extent / 5)).roundToDouble(); final margin = OverlayIcon.defaultMargin.vertical;
var iconSize = min(24.0, ((extent - margin) / 5).floorToDouble() - margin);
final fontSize = (iconSize * .7).floorToDouble(); final fontSize = (iconSize * .7).floorToDouble();
iconSize *= mq.textScaleFactor; iconSize *= mq.textScaleFactor;
final highlightBorderWidth = extent * .1; final highlightBorderWidth = extent * .1;

4
lib/widgets/common/identity/aves_icons.dart
View file

@ -222,13 +222,15 @@ class OverlayIcon extends StatelessWidget {
final EdgeInsetsGeometry margin; final EdgeInsetsGeometry margin;
final Offset? relativeOffset; final Offset? relativeOffset;
static const defaultMargin = EdgeInsets.only(left: 1, right: 1, bottom: 1);
const OverlayIcon({ const OverlayIcon({
super.key, super.key,
required this.icon, required this.icon,
this.iconScale = 1, this.iconScale = 1,
this.text, this.text,
// default margin for multiple icons in a `Column` // default margin for multiple icons in a `Column`
this.margin = const EdgeInsets.only(left: 1, right: 1, bottom: 1), this.margin = defaultMargin,
this.relativeOffset, this.relativeOffset,
}); });