From 20ae184e08384d810271dd4982ed0a2076fcee50 Mon Sep 17 00:00:00 2001
From: SvyatoslavArtymovych <svyatoslav.artymovych@gmail.com>
Date: Tue, 20 Jun 2023 14:31:52 +0300
Subject: [PATCH] Replace Connect wallet button to link(on small screens) #183

---
 app/static/css/styles.css | 5 +++++
 app/templates/header.html | 8 +++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/static/css/styles.css b/app/static/css/styles.css
index d8ae809..dc75529 100644
--- a/app/static/css/styles.css
+++ b/app/static/css/styles.css
@@ -2225,6 +2225,11 @@ input:checked + .toggle-bg {
   --tw-gradient-to-position:  ;
 }
 
+.to-yellow-500 {
+  --tw-gradient-to: #C27803 var(--tw-gradient-to-position);
+  --tw-gradient-to-position:  ;
+}
+
 .fill-yellow-300 {
   fill: #FACA15;
 }
diff --git a/app/templates/header.html b/app/templates/header.html
index 9dcdf37..ad739b0 100644
--- a/app/templates/header.html
+++ b/app/templates/header.html
@@ -31,9 +31,15 @@
         <button
           id="connectWalletBtn"
           type="button"
-          class="text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center">
+          class="md:flex hidden text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center">
           Connect wallet
         </button>
+        <a
+          href="https://join.status.im/b/{{request.base_url}}"
+          class="md:hidden flex text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center"
+        >
+          Connect wallet
+        </a>
         {% endif %} {% if current_user.is_authenticated %}
         <div class="md:flex hidden">
           <div class="items-center md:ml-3 hidden md:flex">