📱 Responsive mobile-support for form elements

This commit is contained in:
Alicia Sykes
2021-10-18 21:57:28 +01:00
parent e6bb509e57
commit 6f0ee82821
2 changed files with 36 additions and 11 deletions

View File

@@ -43,6 +43,8 @@ export default {
</script>
<style scoped lang="scss">
@import '@/styles/media-queries.scss';
div.select-container {
margin: 0.25rem auto;
display: flex;
@@ -78,11 +80,22 @@ div.select-container {
outline: none;
}
}
@include tablet-down {
flex-direction: column;
align-items: start;
label.select-label,
.form-dropdown,
p.select-description {
margin: 0.5rem;
flex-basis: auto;
}
}
}
</style>
<style lang="scss">
@import '@/styles/style-helpers.scss';
.form-dropdown {
margin: 1rem auto;
ul.vs__dropdown-menu {