Prechádzať zdrojové kódy

Fix UI for verify recovery key notification

Neeraj Gupta 2 rokov pred
rodič
commit
b3b756fc14

+ 6 - 5
lib/ui/components/notification_warning_widget.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/material.dart';
 import 'package:photos/ente_theme_data.dart';
 import 'package:photos/ente_theme_data.dart';
 import 'package:photos/theme/colors.dart';
 import 'package:photos/theme/colors.dart';
+import 'package:photos/theme/text_style.dart';
 
 
 class NotificationWarningWidget extends StatelessWidget {
 class NotificationWarningWidget extends StatelessWidget {
   final IconData warningIcon;
   final IconData warningIcon;
@@ -22,7 +23,7 @@ class NotificationWarningWidget extends StatelessWidget {
       child: GestureDetector(
       child: GestureDetector(
         onTap: onTap,
         onTap: onTap,
         child: Padding(
         child: Padding(
-          padding: const EdgeInsets.all(10.0),
+          padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12),
           child: Container(
           child: Container(
             decoration: BoxDecoration(
             decoration: BoxDecoration(
               borderRadius: const BorderRadius.all(
               borderRadius: const BorderRadius.all(
@@ -40,18 +41,18 @@ class NotificationWarningWidget extends StatelessWidget {
                     size: 36,
                     size: 36,
                     color: Colors.white,
                     color: Colors.white,
                   ),
                   ),
-                  const SizedBox(width: 10),
+                  const SizedBox(width: 12),
                   Flexible(
                   Flexible(
                     child: Text(
                     child: Text(
                       text,
                       text,
-                      style: const TextStyle(height: 1.4, color: Colors.white),
+                      style: darkTextStyle.bodyBold,
                       textAlign: TextAlign.left,
                       textAlign: TextAlign.left,
                     ),
                     ),
                   ),
                   ),
-                  const SizedBox(width: 10),
+                  const SizedBox(width: 12),
                   ClipOval(
                   ClipOval(
                     child: Material(
                     child: Material(
-                      color: Theme.of(context).colorScheme.fillFaint,
+                      color: fillFaintDark,
                       child: InkWell(
                       child: InkWell(
                         splashColor: Colors.red, // Splash color
                         splashColor: Colors.red, // Splash color
                         onTap: onTap,
                         onTap: onTap,

+ 1 - 1
lib/ui/status_bar_widget.dart

@@ -113,7 +113,7 @@ class _StatusBarWidgetState extends State<StatusBarWidget> {
             ? NotificationWarningWidget(
             ? NotificationWarningWidget(
                 warningIcon: Icons.gpp_maybe,
                 warningIcon: Icons.gpp_maybe,
                 actionIcon: Icons.arrow_forward,
                 actionIcon: Icons.arrow_forward,
-                text: "Please ensure that you have your 24 word recovery key",
+                text: "Please ensure you have your 24 word recovery key",
                 onTap: () async => {
                 onTap: () async => {
                   await routeToPage(
                   await routeToPage(
                     context,
                     context,