update-

src/components/DropDown/style.js

@@ -38,8 +38,14 @@ DropDownStyle.Window = styled.div`
 	z-index: 99999999;
 `;
 DropDownStyle.DropDown = styled.div`
+	border-bottom-left-radius: 30px;
+	border-bottom-right-radius: 30px;
+	padding: 3px 3px 30px 3px;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+	clip-path: polygon(100% 0, 100% 93%, 57% 93%, 50% 100%, 43% 93%, 0 93%, 0 0);
 	z-index: 99999999999;
-	border-radius: 10px;
+	/* border-radius: 10px; */
 	background-color: #fff;
 	position: absolute;
 	bottom: 25px;
@@ -49,14 +55,19 @@ DropDownStyle.DropDown = styled.div`
 	gap: 5px;
 	width: 150px;
 	transition: 0.1s;
-	padding: 10px 0;
+	/* padding: 10px 0; */
 	.select {
 		padding: 5px 10px;
 		white-space: nowrap;
 		color: #111827;
 		font-size: 20px;
+		margin: 2px 0;
+		border-radius: 10px;
 		:hover {
 			background-color: #e9e9e9;
+			margin: 2px 0;
+			border-radius: 10px;
+			padding: 5px 10px;
 		}
 	}
 	${({ visiblevalue }) =>

src/components/ModalPhoneNumpad/style.js

@@ -186,15 +186,17 @@ NumberButton.CallButtonModal = styled.div`
 	position: absolute;
 	z-index: 99999999999;
 	width: 130px;
-	height: 160px;
 	bottom: 40px;
 	transform: translate(-50%, 0);
 	left: 50%;
 	background-color: #fff;
-	border-radius: 10px;
-	padding: 3px;
+	border-bottom-left-radius: 30px;
+	border-bottom-right-radius: 30px;
+	padding: 3px 3px 15px 3px;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
 	transition: 0.1s;
-
+	clip-path: polygon(100% 0, 100% 93%, 57% 93%, 50% 100%, 43% 93%, 0 93%, 0 0);
 	${({ visiblevalue }) =>
 		visiblevalue
 			? {
@@ -219,13 +221,14 @@ NumberButton.CallButtonModalInset = styled.div`
 	.num_item {
 		color: #000;
 		transition: 0.2s;
-		padding: 7px 4px;
+		/* padding: 7px 4px; */
+		padding: 5px 10px;
 		font-size: 20px;
 		margin: 2px 0;
 		border-radius: 10px;
 		:hover {
 			background-color: #0000001a;
-			padding: 7px 4px;
+			padding: 5px 10px;
 			margin: 2px 0;
 			border-radius: 10px;
 		}

src/index.css

 html,
 body {
+    background-color: blue;
     margin: 0;
     padding: 0;
     height: 100%;
@@ -13,4 +14,4 @@ body {
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-}
+}
\ No newline at end of file

src/root/index.jsx

@@ -64,16 +64,16 @@ const Root = ({ wsphonedata, onSetDnd, setWsphonedata, callMethod }) => {
 				setInnerCallerModal,
 				'innerCallerModal',
 			);
-			console.log(
-				'isUaRunning: ==========---------------',
-				typeof window.BX !== 'undefined',
-				window.localStorage.getItem(BX.bitrix_sessid() + '_mycall'),
-				window.localStorage.getItem('mycall'),
-				'============================',
-				Boolean(typeof window.BX !== 'undefined'),
-				Boolean(window.localStorage.getItem(BX.bitrix_sessid() + '_mycall')),
-				Boolean(window.localStorage.getItem('mycall')),
-			);
+			// console.log(
+			// 	'isUaRunning: ==========---------------',
+			// 	typeof window.BX !== 'undefined',
+			// 	window.localStorage.getItem(BX.bitrix_sessid() + '_mycall'),
+			// 	window.localStorage.getItem('mycall'),
+			// 	'============================',
+			// 	Boolean(typeof window.BX !== 'undefined'),
+			// 	Boolean(window.localStorage.getItem(BX.bitrix_sessid() + '_mycall')),
+			// 	Boolean(window.localStorage.getItem('mycall')),
+			// );
 			if (boxDialer.isUaRunning()) {
 				console.log('UA is running! in other tab');
 			} else {