Update banner (#268)

lib/l10n/arb/app_en.arb

@@ -70,7 +70,7 @@
   "incorrectPasswordTitle": "Incorrect password",
   "welcomeBack": "Welcome back!",
   "madeWithLoveAtPrefix": "made with ❤️ at ",
-  "supportDevs": "Subscribe to <bold-green>ente</bold-green> to support this project",
+  "supportDevs": "Subscribe to <bold-green>ente</bold-green> to support us",
   "supportDiscount": "Use coupon code \"AUTH\" to get 10% off first year",
   "changeEmail": "Change email",
   "changePassword": "Change password",

lib/ui/settings/support_dev_widget.dart

@@ -1,5 +1,4 @@
-import 'dart:io';
-
+import 'package:dotted_border/dotted_border.dart';
 import 'package:ente_auth/core/configuration.dart';
 import 'package:ente_auth/l10n/l10n.dart';
 import 'package:ente_auth/models/subscription.dart';
@@ -37,36 +36,46 @@ class SupportDevWidget extends StatelessWidget {
     }
   }
 
-  GestureDetector buildWidget(AppLocalizations l10n, BuildContext context) {
+  Widget buildWidget(AppLocalizations l10n, BuildContext context) {
     return GestureDetector(
       onTap: () {
         launchUrl(Uri.parse("https://ente.io"));
       },
-      child: Padding(
-        padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 6),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            StyledText(
-              text: l10n.supportDevs,
-              style: getEnteTextTheme(context).large,
-              tags: {
-                'bold-green': StyledTextTag(
-                  style: TextStyle(
-                    fontWeight: FontWeight.bold,
-                    color: getEnteColorScheme(context).primaryGreen,
+      child: DottedBorder(
+        borderType: BorderType.RRect,
+        radius: const Radius.circular(12),
+        padding: const EdgeInsets.all(6),
+        dashPattern: const <double>[3, 3],
+        color: getEnteColorScheme(context).primaryGreen,
+        child: ClipRRect(
+          borderRadius: const BorderRadius.all(Radius.circular(12)),
+          child: Padding(
+            padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 6),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                StyledText(
+                  text: l10n.supportDevs,
+                  style: getEnteTextTheme(context).large,
+                  tags: {
+                    'bold-green': StyledTextTag(
+                      style: TextStyle(
+                        fontWeight: FontWeight.bold,
+                        color: getEnteColorScheme(context).primaryGreen,
+                      ),
+                    ),
+                  },
+                ),
+                const Padding(padding: EdgeInsets.all(6)),
+                Text(
+                  l10n.supportDiscount,
+                  style: const TextStyle(
+                    color: Colors.grey,
                   ),
                 ),
-              },
-            ),
-            const Padding(padding: EdgeInsets.all(6)),
-            Text(
-              l10n.supportDiscount,
-              style: const TextStyle(
-                color: Colors.grey,
-              ),
+              ],
             ),
-          ],
+          ),
         ),
       ),
     );

pubspec.yaml

@@ -1,6 +1,6 @@
 name: ente_auth
 description: ente two-factor authenticator
-version: 2.0.5+205
+version: 2.0.6+206
 publish_to: none
 
 environment: