diff --git a/src/components/generic/address-input/AddressInput.scss b/src/components/generic/address-input/AddressInput.scss deleted file mode 100644 index 1adfc3aea..000000000 --- a/src/components/generic/address-input/AddressInput.scss +++ /dev/null @@ -1,36 +0,0 @@ -.address-input { - position: relative; - display: inline-block; - - &__suggestions { - position: absolute; - z-index: 1; - top: 100%; - left: 0; - width: 100%; - margin-top: calc(var(--spacing-unit) / 2); - padding: calc(var(--spacing-unit) / 2) 0; - border-radius: 2px; - box-shadow: var(--box-shadow); - background-color: var(--color-white); - - &__item { - display: flex; - align-items: center; - gap: calc(var(--spacing-unit) / 2); - padding: var(--spacing-unit); - cursor: pointer; - - &.hovered, - &:hover { - background-color: var(--color-silver-light); - } - - &__icon { - width: 16px; - height: 16px; - color: var(--color-primary); - } - } - } -} diff --git a/src/components/generic/address-input/AddressInput.vue b/src/components/generic/address-input/AddressInput.vue index b827e263d..5b87c71bc 100644 --- a/src/components/generic/address-input/AddressInput.vue +++ b/src/components/generic/address-input/AddressInput.vue @@ -138,4 +138,41 @@ export default { }; - + diff --git a/src/components/specific/models/model-location-form/ModelLocationForm.css b/src/components/specific/models/model-location-form/ModelLocationForm.css index 54094a487..7b6062ffc 100644 --- a/src/components/specific/models/model-location-form/ModelLocationForm.css +++ b/src/components/specific/models/model-location-form/ModelLocationForm.css @@ -19,13 +19,25 @@ gap: var(--spacing-unit); padding: calc(var(--spacing-unit) / 2) var(--spacing-unit); + transition: padding-bottom 0.3s ease-out; + + &.submit { + padding-bottom: calc(var(--spacing-unit) * 2); + } + .model-location-form__form-control__input { flex-grow: 1; font-size: 1rem; } + .model-location-form__form-control__checkbox { + position: absolute; + bottom: calc(0px - var(--spacing-unit) * 2); + text-wrap: nowrap; + } + .model-location-form__form-control__close-btn { color: var(--color-granite-light); } } -} +} \ No newline at end of file diff --git a/src/components/specific/models/model-location-form/ModelLocationForm.vue b/src/components/specific/models/model-location-form/ModelLocationForm.vue index 43b619baa..ce6a3cf2d 100644 --- a/src/components/specific/models/model-location-form/ModelLocationForm.vue +++ b/src/components/specific/models/model-location-form/ModelLocationForm.vue @@ -5,7 +5,7 @@ :longitude="inputLongitude" :latitude="inputLatitude" /> -