diff --git a/client/src/components/content-forms/TextForm.vue b/client/src/components/content-forms/TextForm.vue index 015243c7..d5b35f92 100644 --- a/client/src/components/content-forms/TextForm.vue +++ b/client/src/components/content-forms/TextForm.vue @@ -1,6 +1,6 @@ @@ -11,5 +11,8 @@ @import "@/styles/_variables.scss"; .text-form { + &__input { + width: $modal-input-width; + } } diff --git a/client/src/styles/_forms.scss b/client/src/styles/_forms.scss index 3fcf50d2..a49de246 100644 --- a/client/src/styles/_forms.scss +++ b/client/src/styles/_forms.scss @@ -1,4 +1,4 @@ -.skillbox-input { +@mixin inputstyle { display: flex; padding: 16px; box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.15); @@ -7,3 +7,12 @@ border: 1px solid $color-lightgrey; max-width: 100%; } + +.skillbox-input { + @include inputstyle; +} + +.skillbox-textarea { + @include inputstyle; + height: 120px; +}