From 4fc8d9485e2fd8acbb9a161c9bcc0d2e3d540d33 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Tue, 7 May 2024 13:42:55 +0300
Subject: [PATCH] apps/web: beautify telegram submit button

---
 apps/web/components/Form.module.scss | 19 ++++++++++++-------
 apps/web/components/Form.tsx         |  2 +-
 apps/web/pages/telegram.jsx          |  2 +-
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/apps/web/components/Form.module.scss b/apps/web/components/Form.module.scss
index a6f918d..b14d9f6 100644
--- a/apps/web/components/Form.module.scss
+++ b/apps/web/components/Form.module.scss
@@ -26,16 +26,21 @@
 }
 
 .button-telegram {
-  border: 0;
-  border-radius: 20px;
-  background-color: #54a9eb;
-  color: white;
-  font-size: 16px;
-  padding: 0.55rem 0.75rem;
+  @extend .button-submit;
+  // background-color: #54a9eb;
+  background: linear-gradient(90deg, #54a9eb 50%, var(--color-primary) 100%);
   display: flex;
+  flex-direction: row;
   justify-content: center;
   align-items: center;
-  cursor: pointer;
+  text-transform: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+
+  b {
+    line-height: 0;
+  }
 }
 
 .button-telegram-icon {
diff --git a/apps/web/components/Form.tsx b/apps/web/components/Form.tsx
index e865c89..6210daa 100644
--- a/apps/web/components/Form.tsx
+++ b/apps/web/components/Form.tsx
@@ -131,7 +131,7 @@ function ButtonSubmit({ step, tfa, user }: ButtonSumitProps) {
         height={22}
         alt="Telegram icon"
       />
-      Войти как &nbsp;<b>{user?.displayName}</b>
+      Войти как &nbsp; <b>{user?.displayName}</b>
     </button>
   );
 }
diff --git a/apps/web/pages/telegram.jsx b/apps/web/pages/telegram.jsx
index a5e32a4..6c8a6a2 100644
--- a/apps/web/pages/telegram.jsx
+++ b/apps/web/pages/telegram.jsx
@@ -21,7 +21,7 @@ export default function Page() {
   return (
     <AuthModeContext.Provider value={value}>
       <PageHead />
-      <Login mode="telegram" />
+      <Login />
     </AuthModeContext.Provider>
   );
 }