add styles rfo

2025-06-16 00:24:13 +03:00
parent d12a97c656
commit e3aae91ef4
16 changed files with 520 additions and 141 deletions
--- a/frontend/src/styles/rfo/search-rfo.css
+++ b/frontend/src/styles/rfo/search-rfo.css
@@ -0,0 +1,42 @@
+.search-form-rfo {
+    max-width: 400px;
+  }
+  .search-container-rfo {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    height: 40px;
+    width: 535px;
+  }
+  .search-container-rfo input {
+    width: 100%;
+    height: 15px;
+    padding: 10px 0px 10px 15px; /* Правое поле больше для иконки */
+    border: 1px solid #ddd;
+   border-radius: 50px; 
+    font-size: 16px;
+    outline: none;
+    transition: border 0.3s;
+  }
+  .search-container-rfo input:focus {
+    border-color: #0073aa; /* Цвет WordPress */
+  }
+
+  
+
+  .search-icon-rfo {
+    position: absolute;
+    right: 1px;
+    top: 55%;
+    transform: translateY(-50%);
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+  }
+  .search-icon-rfo svg {
+    transition: fill 0.3s;
+  }
+  .search-icon-rfo:hover svg {
+    fill: #0073aa; /* Цвет WordPress при наведении */
+  }