fix: safari bugs

ekaterinburgdev · Nov 26, 2023 · 62a978f · 62a978f · ekbdev · Nov 26, 2023
1 parent 4f10e85
commit 62a978f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/client/components/Map/Info/Info.module.css b/client/components/Map/Info/Info.module.css
@@ -5,6 +5,7 @@
     height: 48px;
     border-radius: 50%;
     color: #000;
+    padding: 1px 6px;
 
     display: flex;
     justify-content: center;

diff --git a/client/components/Map/SearchBar/SearchBar.module.css b/client/components/Map/SearchBar/SearchBar.module.css
@@ -33,7 +33,6 @@
     height: 48px;
     width: 100%;
 
-    padding: 12px 16px;
     border-radius: 86px;
 
     background-color: #fff;
@@ -53,10 +52,14 @@
 
 .MapSearchBar__input {
     width: 100%;
-    padding: 0;
+    padding: 12px 16px 12px 48px;
     border: none;
     outline: none;
 
+    background-image: url('/icons/search.svg');
+    background-repeat: no-repeat;
+    background-position: 16px 50%;
+
     font-family: inherit;
     font-weight: 400;
     font-size: 18px;
@@ -84,6 +87,10 @@
         height: 24px;
         margin: 0;
     }
+
+    &::-webkit-search-decoration {
+        display: none;
+    }
 }
 
 .MapSearchBar__results {

diff --git a/client/components/Map/SearchBar/SearchBar.tsx b/client/components/Map/SearchBar/SearchBar.tsx
@@ -81,7 +81,6 @@ export function MapSearchBar() {
                 })}
                 onSubmit={onSubmit}
             >
-                <img src="/icons/search.svg" alt="" />
                 <input
                     type="search"
                     placeholder="Поиск"