beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix alignment for empty hidden state

Browse source
This commit is contained in:
Neeraj Gupta 2022-12-16 17:17:02 +05:30
parent 4b93930399
commit 5be159ef1a
No known key found for this signature in database
GPG key ID: 3C5A1684DC1729E1
1 changed files with 63 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

123
lib/ui/viewer/gallery/empty_hidden_widget.dart
View file

@ -12,68 +12,71 @@ class EmptyHiddenWidget extends StatelessWidget {
final EnteColorScheme enteColorScheme = getEnteColorScheme(context); final EnteColorScheme enteColorScheme = getEnteColorScheme(context);
return Padding( return Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: Column( child: SizedBox(
mainAxisAlignment: MainAxisAlignment.center, width: double.infinity,
children: [ child: Column(
Icon( mainAxisAlignment: MainAxisAlignment.center,
Icons.visibility_off, children: [
color: enteColorScheme.strokeMuted, Icon(
size: 24, Icons.visibility_off,
), color: enteColorScheme.strokeMuted,
const SizedBox(height: 10), size: 24,
Text(
"No hidden photos or videos",
textAlign: TextAlign.center,
style: enteTextTheme.body.copyWith(
color: enteColorScheme.textMuted,
), ),
), const SizedBox(height: 10),
const SizedBox(height: 36), Text(
Column( "No hidden photos or videos",
crossAxisAlignment: CrossAxisAlignment.start, textAlign: TextAlign.center,
children: [ style: enteTextTheme.body.copyWith(
const EmptyHiddenTextWidget("To hide a photo or video"), color: enteColorScheme.textMuted,
const SizedBox(height: 4),
Padding(
padding: const EdgeInsets.only(left: 6),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const EmptyHiddenTextWidget("• Open the item"),
const SizedBox(height: 2),
const EmptyHiddenTextWidget(
"• Click on the overflow menu",
),
const SizedBox(height: 2),
SizedBox(
width: 120,
child: Row(
children: [
const EmptyHiddenTextWidget("• Click "),
const SizedBox(width: 4),
Icon(
Icons.visibility_off,
color: enteColorScheme.strokeBase,
size: 16,
),
const Padding(
padding: EdgeInsets.all(4),
),
Text(
"Hide",
style: TextStyle(
color: enteColorScheme.textBase,
),
),
],
),
),
],
),
), ),
], ),
), const SizedBox(height: 36),
], Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const EmptyHiddenTextWidget("To hide a photo or video"),
const SizedBox(height: 4),
Padding(
padding: const EdgeInsets.only(left: 6),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const EmptyHiddenTextWidget("• Open the item"),
const SizedBox(height: 2),
const EmptyHiddenTextWidget(
"• Click on the overflow menu",
),
const SizedBox(height: 2),
SizedBox(
width: 120,
child: Row(
children: [
const EmptyHiddenTextWidget("• Click "),
const SizedBox(width: 4),
Icon(
Icons.visibility_off,
color: enteColorScheme.strokeBase,
size: 16,
),
const Padding(
padding: EdgeInsets.all(4),
),
Text(
"Hide",
style: TextStyle(
color: enteColorScheme.textBase,
),
),
],
),
),
],
),
),
],
),
],
),
), ),
); );
} }