Fix alignment for empty hidden state
This commit is contained in:
parent
4b93930399
commit
5be159ef1a
|
@ -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,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue