Mila-Zagrevskaya пре 5 година
родитељ
комит
b4ae670b82

+ 1 - 1
src/components/Admin/ChangeServices-Doctors.js

@@ -112,7 +112,7 @@ export default class ChangeServicesDoctors extends React.Component {
                 <div className="admin-item">
 
                     <CustomSelect
-                        label="Выбрать"
+                        // label="Выбрать"
                         options={data}
                         clickOptionEvent={this.changeId}
                     />

+ 4 - 4
src/components/hooks/select.js

@@ -5,7 +5,7 @@ import React from "react";
 
 
 
-export const CustomSelect = ({ label, options , emptyLine = false, searchInput = true,  reset, clickOptionEvent = () =>{} }) => {
+export const CustomSelect = ({ label, options , emptyLine = true, searchInput = true,  reset, clickOptionEvent = () =>{} }) => {
 
 	const [copyOption, setCopyOption] = React.useState([]);
 	const [show, toggleShow] = React.useState(false);
@@ -78,7 +78,7 @@ export const CustomSelect = ({ label, options , emptyLine = false, searchInput =
 					{label}
 				</label>
 			)}
-			<div className="select__value-box icon-angle-down" onClick={() => toggleShow(true)}>
+			<div className="select__value-box" onClick={() => toggleShow(true)}>
 				{searchInput ? null : <span>{value} &nbsp;</span>}
 				<input
 					value={inputValue}
@@ -87,7 +87,7 @@ export const CustomSelect = ({ label, options , emptyLine = false, searchInput =
 					readOnly="readonly"
 					onChange={chahgeValueEvent}
 					id="select"
-					className="select__input"
+					className="select__input  icon-angle-down"
 				/>
 				<span className="icon-angle-down"></span>
 			</div>
@@ -98,7 +98,7 @@ export const CustomSelect = ({ label, options , emptyLine = false, searchInput =
 						
 						{emptyLine && (
 							<li className="select__item" onClick={clickOnEptyLine}>
-								&nbsp;
+								Выбрать 
 							</li>
 						)}
 						{copyOption.map(el => (

+ 4 - 1
src/style/all.scss

@@ -889,6 +889,9 @@ h2 {
 	@media (max-width: 768px) {
 		align-content: center;
 	}
+	.select .icon-angle-down:before {
+		top: 35%;
+	  }
 	.form-doctors {
 		display: flex;
 		flex-direction: column;
@@ -1014,7 +1017,7 @@ h2 {
 				padding-top: 110px;				
 			}
 		
-			.servise-name {
+		.servise-name {
 				display: none;
 			}
 			&:target .servise-name {

+ 1 - 0
src/style/style.css

@@ -65,6 +65,7 @@
   right: 15px;
   top: 55%;
 }
+
 .icon-lens:before {
   content: "\e901";
   color:  var(--opacity-color);