edit styles

2026-01-15 13:11:53 +07:00
parent 7213e40b96
commit b763e438b8
7 changed files with 127 additions and 40 deletions
@@ -458,6 +458,86 @@
 	}
 }

+.dropdown-wrapper {
+	position: relative;
+	width: 100%;
+
+	.dropdown-button {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		width: 100%;
+		padding: 8px 16px;
+
+		font-size: 14px;
+		font-weight: 500;
+		line-height: 1.25;
+
+		background-color: #ffffff;
+		border: 2px solid #e2e8f0;
+		border-radius: 12px;
+
+		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+
+		transition: background-color 0.2s ease-in-out;
+
+		&:hover {
+			background-color: #f9fafb;
+		}
+
+		&:focus {
+			outline: none;
+			box-shadow: 0 0 0 2px rgba(99, 101, 241, 0.53);
+			outline: 2px solid transparent;
+			outline-offset: 2px;
+		}
+	}
+
+	.dropdown-list {
+		position: absolute;
+		right: 0;
+		z-index: 10;
+		width: 100%;
+		margin-top: 8px;
+
+		transform-origin: top right;
+
+		background-color: #ffffff;
+		border: 2px solid #e2e8f0;
+		border-radius: 12px;
+
+		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+			0 4px 6px -2px rgba(0, 0, 0, 0.05);
+
+		&:focus {
+			outline: none;
+		}
+	}
+
+	.dropdown-item {
+		display: flex;
+		align-items: center;
+
+		width: 100%;
+		padding: 8px 16px;
+
+		font-size: 14px;
+		text-align: left;
+
+		cursor: pointer;
+		user-select: none;
+
+		&:hover {
+			background-color: #dbeafe;
+		}
+
+		&.current {
+			font-weight: 700;
+		}
+	}
+}
+
 .yaPreloadingSuggestBlockContainer {
 	height: 52px !important;
 }