ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add text form component

This commit is contained in:
Ramon Wenger 2018-09-06 14:35:44 +02:00
parent bc49de49a8
commit 56d9711a2c
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/content-forms/TextForm.vue
View File

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

11
client/src/styles/_forms.scss
View File

@ -1,4 +1,4 @@
.skillbox-input { @mixin inputstyle {
display: flex; display: flex;
padding: 16px; padding: 16px;
box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.15);
@ -7,3 +7,12 @@
border: 1px solid $color-lightgrey; border: 1px solid $color-lightgrey;
max-width: 100%; max-width: 100%;
} }
.skillbox-input {
@include inputstyle;
}
.skillbox-textarea {
@include inputstyle;
height: 120px;
}