From dadd95b07d996ca96017317ef135d136820a33e4 Mon Sep 17 00:00:00 2001
From: tushar-saxena-yral <tushar@gobazzinga.io>
Date: Mon, 25 Nov 2024 11:44:56 +0530
Subject: [PATCH 1/2] feat: add tnc in the login modal

---
 ssr/src/component/auth_providers/mod.rs | 6 ++++--
 ssr/tailwind.config.js                  | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ssr/src/component/auth_providers/mod.rs b/ssr/src/component/auth_providers/mod.rs
index 36c2f5d6..5f3d9a15 100644
--- a/ssr/src/component/auth_providers/mod.rs
+++ b/ssr/src/component/auth_providers/mod.rs
@@ -159,7 +159,7 @@ pub fn LoginProviders(show_modal: RwSignal<bool>, lock_closing: RwSignal<bool>)
             <h1 class="text-xl">Login to Yral</h1>
             <img class="h-32 w-32 object-contain my-8" src="/img/logo.webp" />
             <span class="text-md">Continue with</span>
-            <div class="flex w-full gap-4">
+            <div class="flex flex-col w-full gap-4">
 
                 {
                     #[cfg(feature = "local-auth")]
@@ -171,7 +171,9 @@ pub fn LoginProviders(show_modal: RwSignal<bool>, lock_closing: RwSignal<bool>)
                     #[cfg(any(feature = "oauth-ssr", feature = "oauth-hydrate"))]
                     view! { <google::GoogleAuthProvider></google::GoogleAuthProvider> }
                 }
-
+                <div id="tnc" class="text-white text-center">
+                    By continuing you agree to our <a class="text-brandpink underline" href="/terms-of-service">Terms of Service</a>
+                </div>
             </div>
         </div>
     }
diff --git a/ssr/tailwind.config.js b/ssr/tailwind.config.js
index d34a6c6f..464733d9 100644
--- a/ssr/tailwind.config.js
+++ b/ssr/tailwind.config.js
@@ -4,6 +4,7 @@ module.exports = {
   theme: {
     extend: {
       colors: {
+        brandpink: "#E2017B",
         primary: {
           50: "rgb(var(--color-primary-50))",
           100: "rgb(var(--color-primary-100))",

From 38e4cae2aece3e4dc74f5512369535de9abb4085 Mon Sep 17 00:00:00 2001
From: tushar-saxena-yral <tushar@gobazzinga.io>
Date: Tue, 26 Nov 2024 03:50:40 +0530
Subject: [PATCH 2/2] fix: use primary-600 instead of adding new color

---
 ssr/src/component/auth_providers/mod.rs | 2 +-
 ssr/tailwind.config.js                  | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/ssr/src/component/auth_providers/mod.rs b/ssr/src/component/auth_providers/mod.rs
index 5f3d9a15..1a25d3a2 100644
--- a/ssr/src/component/auth_providers/mod.rs
+++ b/ssr/src/component/auth_providers/mod.rs
@@ -172,7 +172,7 @@ pub fn LoginProviders(show_modal: RwSignal<bool>, lock_closing: RwSignal<bool>)
                     view! { <google::GoogleAuthProvider></google::GoogleAuthProvider> }
                 }
                 <div id="tnc" class="text-white text-center">
-                    By continuing you agree to our <a class="text-brandpink underline" href="/terms-of-service">Terms of Service</a>
+                    By continuing you agree to our <a class="text-primary-600 underline" href="/terms-of-service">Terms of Service</a>
                 </div>
             </div>
         </div>
diff --git a/ssr/tailwind.config.js b/ssr/tailwind.config.js
index 464733d9..d34a6c6f 100644
--- a/ssr/tailwind.config.js
+++ b/ssr/tailwind.config.js
@@ -4,7 +4,6 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        brandpink: "#E2017B",
         primary: {
           50: "rgb(var(--color-primary-50))",
           100: "rgb(var(--color-primary-100))",