From 148742444de9b5fb9c9de22f6bff81a50dafb44d Mon Sep 17 00:00:00 2001
From: Vinod J M <vinodjacobmatthew@gmail.com>
Date: Thu, 5 Jan 2023 22:01:28 +0530
Subject: [PATCH] user-auth store frontend css v4

---
 frontend/src/main.rs | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/main.rs b/frontend/src/main.rs
index 8e5acaa..ddaa866 100644
--- a/frontend/src/main.rs
+++ b/frontend/src/main.rs
@@ -344,7 +344,7 @@ pub fn Header<G: Html>(cx: Scope) -> View<G> {
         div(class="w-1/10 flex mb-2"){
             (if *app_state.loggedin.get() == false {
               view!{ cx,
-                    button(on:click=click_userscreen, class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center w-full") { i(class="fa-solid fa-user") }
+                    button(on:click=click_userscreen, class="bg-gray-300 hover:bg-gray-200 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center w-full") { i(class="fa-solid fa-user") }
                 }
             } else {
                 view!{cx,
@@ -414,7 +414,7 @@ pub fn Header<G: Html>(cx: Scope) -> View<G> {
             div(class="w-1/2 flex"){
               (if *app_state.userid.get() != 0 {
                 view!{ cx,
-                button(on:click=click_listall, class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center") { i(class="fa-solid fa-layer-group") span(class="inline-block"){"All" }}
+                button(on:click=click_listall, class="bg-gray-300 hover:bg-gray-200 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center") { i(class="fa-solid fa-layer-group") span(class="inline-block"){"All" }}
                 div(class="min-w-40 inline-flex"){
                 input(ref=input_ref2,
                     class = "inline-flex h-full m-0 p-1 w-full",
@@ -448,7 +448,7 @@ pub fn Header<G: Html>(cx: Scope) -> View<G> {
             view!{cx,
             (if *app_state.userid.get() != 0 {
                 view!{ cx,
-                button(on:click=click_listall, class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center") { i(class="fa-solid fa-layer-group") span(class="inline-block"){"All" }}
+                button(on:click=click_listall, class="bg-gray-300 hover:bg-gray-200 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center") { i(class="fa-solid fa-layer-group") span(class="inline-block"){"All" }}
                 div(class="min-w-40 inline-flex"){
                 input(ref=input_ref2,
                     class = "inline-flex h-full m-0 p-1 w-full",
@@ -692,7 +692,9 @@ async fn ListDB<G: Html>(cx: Scope<'_>) -> View<G> {
               br{}
                (if *app_state.maxpage.get() > 1 && *app_state.maxpage.get() > *app_state.pagedisplay.get()  {
               view!{ cx,
-                button(on:click=handle_load_more){ "Load More" }
+              div(class="flex flex-col items-center"){
+                button(class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center",on:click=handle_load_more){ "Load More" }
+                }
                 }} else {
                 view!{ cx, ""}
                 })
@@ -1411,12 +1413,12 @@ async fn PageBar<G: Html>(cx: Scope<'_>) -> View<G> {
                 div(class="flex-inline"){(format!(" / {}",*app_state.maxpage.get()))}
                 }
                 (if *app_state.pagenum.get()>1 {
-                view!{cx, button( class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold px-4 rounded inline-flex items-center", on:click=handle_sub){ "-" }}
+                view!{cx, button( class="bg-gray-300 hover:bg-gray-200 text-gray-800 font-bold px-4 rounded inline-flex items-center", on:click=handle_sub){ "-" }}
                 } else {
                 view!{cx,""}
                 })
                 (if *app_state.pagenum.get()<*app_state.maxpage.get() {
-                view!{cx, button( class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold px-4 rounded inline-flex items-center", on:click=handle_add){ "+" }}
+                view!{cx, button( class="bg-gray-300 hover:bg-gray-200 text-gray-800 font-bold px-4 rounded inline-flex items-center", on:click=handle_add){ "+" }}
                 } else {
                 view!{cx,""}
                 })