diff options
| author | shpuld <shpuld@gmail.com> | 2017-02-24 17:32:41 +0200 |
|---|---|---|
| committer | shpuld <shpuld@gmail.com> | 2017-02-24 17:32:41 +0200 |
| commit | 9dfcf8a301c37b359cf18880732ad63b413ce63e (patch) | |
| tree | c5ce6f4bbc7cd162553d088079a6f470ce87f3e4 /src/components/post_status_form | |
| parent | e0e507348cc22054e55e2be8fa6544845f597610 (diff) | |
Align attachments with usercard, make buttons use theme colors, prettify login form, more border radii adjustment for consistency.
Diffstat (limited to 'src/components/post_status_form')
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index d345ec13..ef8034a3 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -2,7 +2,7 @@ <div class="post-status-form"> <form @submit.prevent="postStatus(newStatus)"> <div class="form-group" > - <textarea v-model="newStatus.status" placeholder="Just landed in L.A." rows="3" class="form-control" @keyup.meta.enter="postStatus(newStatus)" @keyup.ctrl.enter="postStatus(newStatus)" @drop="fileDrop" @dragover.prevent="fileDrag"></textarea> + <textarea v-model="newStatus.status" placeholder="Just landed in L.A." rows="3" class="form-control base05-border" @keyup.meta.enter="postStatus(newStatus)" @keyup.ctrl.enter="postStatus(newStatus)" @drop="fileDrop" @dragover.prevent="fileDrag"></textarea> </div> <div class="attachments"> <div class="attachment" v-for="file in newStatus.files"> @@ -15,7 +15,7 @@ </div> <div class='form-bottom'> <media-upload @uploading="disableSubmit" @uploaded="addMediaFile" @upload-failed="enableSubmit" :drop-files="dropFiles"></media-upload> - <button :disabled="submitDisabled" type="submit" class="btn btn-default">Submit</button> + <button :disabled="submitDisabled" type="submit" class="btn btn-default base05 base01-background">Submit</button> </div> </form> </div> @@ -58,7 +58,7 @@ margin: 10px; padding: 5px; background: rgba(230,230,230,0.6); - border-radius: 0.5em; + border-radius: 5px; font-weight: bold; } } @@ -77,10 +77,11 @@ } form textarea { - border: none; - border-radius: 2px; + border: solid; + border-width: 1px; + border-radius: 5px; line-height:16px; - padding: 0.5em; + padding: 5px; resize: vertical; } |