user-auth store frontend css v4

This commit is contained in:
2023-01-05 22:01:28 +05:30
parent f8e6b75952
commit 148742444d

View File

@@ -344,7 +344,7 @@ pub fn Header<G: Html>(cx: Scope) -> View<G> {
div(class="w-1/10 flex mb-2"){ div(class="w-1/10 flex mb-2"){
(if *app_state.loggedin.get() == false { (if *app_state.loggedin.get() == false {
view!{ cx, 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 { } else {
view!{cx, view!{cx,
@@ -414,7 +414,7 @@ pub fn Header<G: Html>(cx: Scope) -> View<G> {
div(class="w-1/2 flex"){ div(class="w-1/2 flex"){
(if *app_state.userid.get() != 0 { (if *app_state.userid.get() != 0 {
view!{ cx, 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"){ div(class="min-w-40 inline-flex"){
input(ref=input_ref2, input(ref=input_ref2,
class = "inline-flex h-full m-0 p-1 w-full", 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, view!{cx,
(if *app_state.userid.get() != 0 { (if *app_state.userid.get() != 0 {
view!{ cx, 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"){ div(class="min-w-40 inline-flex"){
input(ref=input_ref2, input(ref=input_ref2,
class = "inline-flex h-full m-0 p-1 w-full", 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{} br{}
(if *app_state.maxpage.get() > 1 && *app_state.maxpage.get() > *app_state.pagedisplay.get() { (if *app_state.maxpage.get() > 1 && *app_state.maxpage.get() > *app_state.pagedisplay.get() {
view!{ cx, 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 { }} else {
view!{ cx, ""} view!{ cx, ""}
}) })
@@ -1411,12 +1413,12 @@ async fn PageBar<G: Html>(cx: Scope<'_>) -> View<G> {
div(class="flex-inline"){(format!(" / {}",*app_state.maxpage.get()))} div(class="flex-inline"){(format!(" / {}",*app_state.maxpage.get()))}
} }
(if *app_state.pagenum.get()>1 { (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 { } else {
view!{cx,""} view!{cx,""}
}) })
(if *app_state.pagenum.get()<*app_state.maxpage.get() { (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 { } else {
view!{cx,""} view!{cx,""}
}) })