Add text form component

client/src/components/content-forms/TextForm.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="text-form">
-    <h1>Text Form</h1>
+    <textarea class="text-form__input skillbox-textarea" placeholder="Text erfassen..."></textarea>
   </div>
 </template>
 
@@ -11,5 +11,8 @@
   @import "@/styles/_variables.scss";
 
   .text-form {
+    &__input {
+      width: $modal-input-width;
+    }
   }
 </style>

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;
+}