info: changed xmp tag style

This commit is contained in:
Thibault Deckers 2020-01-01 20:18:07 +09:00
parent 5fdbe0887b
commit 7aa711bd69

View file

@ -9,6 +9,8 @@ class XmpTagSectionSliver extends AnimatedWidget {
final ImageCollection collection; final ImageCollection collection;
final ImageEntry entry; final ImageEntry entry;
static const double buttonBorderWidth = 2;
XmpTagSectionSliver({ XmpTagSectionSliver({
Key key, Key key,
@required this.collection, @required this.collection,
@ -24,13 +26,16 @@ class XmpTagSectionSliver extends AnimatedWidget {
? [] ? []
: [ : [
const SectionRow('XMP Tags'), const SectionRow('XMP Tags'),
Wrap( Padding(
padding: const EdgeInsets.symmetric(horizontal: buttonBorderWidth / 2),
child: Wrap(
spacing: 8, spacing: 8,
children: tags children: tags
.map((tag) => OutlineButton( .map((tag) => OutlineButton(
onPressed: () => _goToTag(context, tag), onPressed: () => _goToTag(context, tag),
borderSide: BorderSide( borderSide: BorderSide(
color: stringToColor(tag), color: stringToColor(tag),
width: buttonBorderWidth,
), ),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(42), borderRadius: BorderRadius.circular(42),
@ -39,6 +44,7 @@ class XmpTagSectionSliver extends AnimatedWidget {
)) ))
.toList(), .toList(),
), ),
),
], ],
), ),
); );