From 332a141b92ae913145d0d9e804a363aaef4760bb Mon Sep 17 00:00:00 2001
From: marcantoinem <marc-antoine.m@outlook.com>
Date: Wed, 24 Jul 2024 22:07:54 -0400
Subject: [PATCH] Start transition to tailwind
---
.../src/frontend/components/common/autocomplete.rs | 4 ++--
aep-schedule-website/style/common.scss | 6 ------
2 files changed, 2 insertions(+), 8 deletions(-)
diff --git a/aep-schedule-website/src/frontend/components/common/autocomplete.rs b/aep-schedule-website/src/frontend/components/common/autocomplete.rs
index 329b546..419b9fe 100644
--- a/aep-schedule-website/src/frontend/components/common/autocomplete.rs
+++ b/aep-schedule-website/src/frontend/components/common/autocomplete.rs
@@ -59,7 +59,7 @@ pub fn AutoComplete<F: FnMut(String) + Copy + Clone + 'static>(
view! {
<div class="search-container ".to_owned() + &class>
- <input type="text" class="search-bar" on:input=on_input placeholder=placeholder prop:value=input id=id on:keyup=move |ev| {
+ <input type="text" class="py-2 px-3 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none" on:input=on_input placeholder=placeholder prop:value=input id=id on:keyup=move |ev| {
if ev.key() == "Enter" && is_ok.get() == "add-button" {
let input = input.get().trim().to_uppercase();
submit(input);
@@ -70,7 +70,7 @@ pub fn AutoComplete<F: FnMut(String) + Copy + Clone + 'static>(
let input = input.get().trim().to_uppercase();
submit(input);
}>
- <PlusCircle size="2.5em"/>
+ <PlusCircle size="2em"/>
</button>
<div class="result-box">
{suggestions.into_iter().enumerate().map(|(i, autocomplete)| view!{
diff --git a/aep-schedule-website/style/common.scss b/aep-schedule-website/style/common.scss
index a335ba9..e8a48d9 100644
--- a/aep-schedule-website/style/common.scss
+++ b/aep-schedule-website/style/common.scss
@@ -7,12 +7,6 @@
display: none;
}
-.search-bar {
- width: 100%;
- box-sizing: border-box;
- padding: 4pt;
-}
-
input:focus~.result-box {
display: block;
}
--
GitLab