Add styles on the characters left indicator

This commit is contained in:
dtluna 2018-02-09 18:22:29 +03:00
parent 6c424c355c
commit dcbbd7c53e
1 changed files with 7 additions and 1 deletions

View File

@ -19,7 +19,7 @@
<div class='form-bottom'> <div class='form-bottom'>
<media-upload @uploading="disableSubmit" @uploaded="addMediaFile" @upload-failed="enableSubmit" :drop-files="dropFiles"></media-upload> <media-upload @uploading="disableSubmit" @uploaded="addMediaFile" @upload-failed="enableSubmit" :drop-files="dropFiles"></media-upload>
<p v-if="hasStatusLengthLimit">{{ charactersLeft }}</p> <p v-if="hasStatusLengthLimit" class="base04">{{ charactersLeft }}</p>
<button v-if="posting" disabled class="btn btn-default base05 base02-background">{{$t('post_status.posting')}}</button> <button v-if="posting" disabled class="btn btn-default base05 base02-background">{{$t('post_status.posting')}}</button>
<button v-else :disabled="submitDisabled" type="submit" class="btn btn-default base05 base02-background">{{$t('general.submit')}}</button> <button v-else :disabled="submitDisabled" type="submit" class="btn btn-default base05 base02-background">{{$t('general.submit')}}</button>
@ -70,6 +70,12 @@
button { button {
width: 10em; width: 10em;
} }
p {
margin: 0.35em;
padding: 0.35em;
display: flex;
}
} }
.error { .error {
border-radius: 5px; border-radius: 5px;