added search component from all pages

2025-11-16 12:06:54 +01:00
parent 3ba843af6a
commit 19afeb6369
17 changed files with 172 additions and 22 deletions
--- a/src/app/components/search/search.css
+++ b/src/app/components/search/search.css
@@ -0,0 +1,36 @@
+/* From Uiverse.io by LightAndy1 */
+.group {
+    box-shadow: 0 1px 2px 1px #001529;
+    border-radius: 15px;
+    padding: 0.1rem 0.5rem 0.1rem 1rem;
+    display: flex;
+    line-height: 28px;
+    align-items: center;
+    position: relative;
+    max-width: 400px;
+}
+
+.input {
+    width: 100%;
+    height: 32px;
+    line-height: 28px;
+    padding: 0 1rem;
+    border: 2px solid transparent;
+    border-radius: 8px;
+    outline: none;
+    background-color: #f3f3f4;
+    color: #0d0c22;
+    transition: 0.3s ease;
+}
+
+.input::placeholder {
+    color: #9e9ea7;
+}
+
+.input:focus,
+input:hover {
+    outline: none;
+    border-color: #40A9FF;
+    background-color: #fff;
+    box-shadow: 0 0 0 4px rgba(199, 199, 197, 0.1);
+}