TF-3758 Update style and padding for app version, quotas

Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-05-30 04:13:16 +07:00
committed by Dat H. Pham
parent d97a743542
commit e6fe0ce5f1
7 changed files with 45 additions and 24 deletions
@@ -37,16 +37,22 @@ class _ApplicationVersionWidgetState extends State<ApplicationVersionWidget> {
future: _versionStream,
builder: (context, snapshot) {
if (snapshot.hasData) {
return Padding(
padding: widget.padding ?? const EdgeInsets.only(top: 8),
child: Text(
'${widget.title ?? 'v.'}${snapshot.data}',
textAlign: TextAlign.center,
style: widget.textStyle ?? Theme.of(context).textTheme.bodySmall?.copyWith(
color: AppColor.steelGray400,
),
final versionLabel = Text(
'${widget.title ?? 'v.'}${snapshot.data}',
textAlign: TextAlign.center,
style: widget.textStyle ?? Theme.of(context).textTheme.bodySmall?.copyWith(
color: AppColor.steelGray400,
),
);
if (widget.padding != null) {
return Padding(
padding: widget.padding!,
child: versionLabel,
);
} else {
return versionLabel;
}
} else {
return const SizedBox.shrink();
}
@@ -127,7 +127,7 @@ class LoginView extends BaseLoginView {
padding: EdgeInsets.only(top: 16),
child: PrivacyLinkWidget(),
),
const ApplicationVersionWidget(),
const ApplicationVersionWidget(padding: EdgeInsets.only(top: 8)),
]
),
)
@@ -73,7 +73,7 @@ class LoginView extends BaseLoginView {
padding: EdgeInsets.only(top: 16),
child: PrivacyLinkWidget(),
),
const ApplicationVersionWidget(),
const ApplicationVersionWidget(padding: EdgeInsets.only(top: 8)),
],
)
),
@@ -221,7 +221,7 @@ class LoginView extends BaseLoginView {
padding: EdgeInsets.only(top: 16),
child: PrivacyLinkWidget()
),
const ApplicationVersionWidget(),
const ApplicationVersionWidget(padding: EdgeInsets.only(top: 8)),
],
)
),
@@ -40,13 +40,21 @@ class MailboxView extends BaseMailboxView {
child: _buildListMailbox(context),
),
),
const QuotasView(),
QuotasView(
labelStyle: Theme.of(context).textTheme.bodySmall?.copyWith(
color: AppColor.steelGray400,
),
labelMaxLines: 1,
padding: const EdgeInsetsDirectional.only(
start: 24,
end: 23,
top: 16,
),
),
Container(
width: double.infinity,
color: Colors.white,
padding: const EdgeInsets.all(16),
alignment: AlignmentDirectional.centerStart,
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
child: ApplicationVersionWidget(
padding: EdgeInsets.zero,
title: '${AppLocalizations.of(context).version} ',
),
),
@@ -79,7 +79,6 @@ class MailboxView extends BaseMailboxView {
? AppColor.colorBgDesktop
: Colors.white,
child: ApplicationVersionWidget(
padding: EdgeInsets.zero,
title: '${AppLocalizations.of(context).version.toLowerCase()} ',
),
),
@@ -31,7 +31,9 @@ class ManageAccountMenuView extends GetWidget<ManageAccountMenuController> {
padding: const EdgeInsetsDirectional.only(top: 16, bottom: 16, start: 16),
child: Row(children: [
ApplicationLogoWidthTextWidget(),
const ApplicationVersionWidget()
const ApplicationVersionWidget(
padding: EdgeInsets.only(top: 8),
),
])
),
if (!controller.responsiveUtils.isWebDesktop(context))
@@ -156,7 +158,6 @@ class ManageAccountMenuView extends GetWidget<ManageAccountMenuController> {
: AlignmentDirectional.center,
padding: const EdgeInsets.all(16),
child: ApplicationVersionWidget(
padding: EdgeInsets.zero,
title: '${AppLocalizations.of(context).version.toLowerCase()} ',
),
),
@@ -12,8 +12,15 @@ import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
class QuotasView extends GetWidget<QuotasController> {
final EdgeInsetsGeometry? padding;
final TextStyle? labelStyle;
final int? labelMaxLines;
const QuotasView({super.key, this.padding});
const QuotasView({
super.key,
this.padding,
this.labelStyle,
this.labelMaxLines,
});
@override
Widget build(BuildContext context) {
@@ -52,12 +59,12 @@ class QuotasView extends GetWidget<QuotasController> {
Flexible(
child: Text(
AppLocalizations.of(context).storageQuotas,
style: const TextStyle(
style: labelStyle ?? const TextStyle(
fontSize: QuotasViewStyles.labelTextSize,
fontWeight: QuotasViewStyles.labelFontWeight,
color: QuotasViewStyles.labelTextColor,
),
maxLines: 2,
maxLines: labelMaxLines ?? 2,
overflow: TextOverflow.ellipsis,
),
),
@@ -89,12 +96,12 @@ class QuotasView extends GetWidget<QuotasController> {
const SizedBox(height: QuotasViewStyles.space),
Text(
octetQuota.getQuotasStateTitle(context),
style: TextStyle(
style: labelStyle ?? TextStyle(
fontSize: QuotasViewStyles.progressStateTextSize,
fontWeight: QuotasViewStyles.progressStateFontWeight,
color: octetQuota.getQuotasStateTitleColor(),
),
maxLines: 2,
maxLines: labelMaxLines ?? 2,
overflow: TextOverflow.ellipsis,
)
],