wisdomisitezwfront-web/src/components/AMap/AMap.scss

$primary: #409eff;

.map-dialog {
	.header {
		h4 {
			font-size: 1em;
			font-weight: 600;
		}

		.search-container {
			display: flex;
			align-items: center;
			justify-content: start;

			.search-item {
				display: flex;

				&:not(:first-child) {
					margin-left: 20px;
				}

				.search,
				.address,
				.lon,
				.lat {
					display: flex;
					align-items: center;
					margin-left: 5px;

					> span {
						flex-shrink: 0;
						font-size: 13px;
						color: #666;
					}
				}
			}

			.btn-search,
			.btn-submit {
				margin-left: 10px;
			}
		}

		@media screen and (max-width: 720px) {
			.search-container {
				display: block;

				.search-item {
					&:not(:first-child) {
						margin-top: 15px;
						margin-left: 0;
					}
				}
			}
		}
	}

	.map {
		height: 60vh;
	}
}