Add search price input layout

2020-03-24 10:22:00 +07:00
parent 32c3a3da9a
commit 71a9c2227e
6 changed files with 77 additions and 40 deletions
--- a/assets/scss/opalestate/_form.scss
+++ b/assets/scss/opalestate/_form.scss
@@ -566,5 +566,25 @@ button.opal-collapse-button{
 	}
 }

+.opalestate-price-input-wrap {
+	display: flex;
+	align-items: center;
+}

+.opalestate-price-input {
+	width: 45%;
+	display: inline-block;
+	position: relative;
+}

+.opalestate-price-input-separator {
+	flex-grow: 1;
+	text-align: center;
+}
+
+.opalestate-price-currency {
+	position: absolute;
+	right: 10px;
+	top: 50%;
+	transform: translateY(-50%);
+}