Update PostComponent

This commit is contained in:
Daniel Supernault 2019-11-24 15:54:42 -07:00
parent a5ce06f8b6
commit 841ba2ea35
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7

View file

@ -234,7 +234,7 @@
</div> </div>
<form v-else class="border-0 rounded-0 align-middle" method="post" action="/i/comment" :data-id="statusId" data-truncate="false"> <form v-else class="border-0 rounded-0 align-middle" method="post" action="/i/comment" :data-id="statusId" data-truncate="false">
<textarea class="form-control border-0 rounded-0" name="comment" placeholder="Add a comment…" autocomplete="off" autocorrect="off" style="height:56px;line-height: 18px;max-height:80px;resize: none; padding-right:4.2rem;" v-model="replyText"></textarea> <textarea class="form-control border-0 rounded-0" name="comment" placeholder="Add a comment…" autocomplete="off" autocorrect="off" style="height:56px;line-height: 18px;max-height:80px;resize: none; padding-right:4.2rem;" v-model="replyText"></textarea>
<input type="button" value="Post" class="d-inline-block btn btn-link font-weight-bold reply-btn text-decoration-none" v-on:click.prevent="postReply"/> <input type="button" value="Post" class="d-inline-block btn btn-link font-weight-bold reply-btn text-decoration-none" v-on:click.prevent="postReply" :disabled="replyText.length == 0" />
</form> </form>
</div> </div>
</div> </div>
@ -351,7 +351,7 @@
</span> </span>
<button <button
:class="[replyText.length > 1 ? 'btn btn-sm font-weight-bold float-right btn-outline-dark ':'btn btn-sm font-weight-bold float-right btn-outline-lighter']" :class="[replyText.length > 1 ? 'btn btn-sm font-weight-bold float-right btn-outline-dark ':'btn btn-sm font-weight-bold float-right btn-outline-lighter']"
:disabled="replyText.length < 2" :disabled="replyText.length == 0 ? 'disabled':''"
@click="postReply" @click="postReply"
>Post</button> >Post</button>
</p> </p>
@ -547,6 +547,10 @@
.momentui .carousel-item { .momentui .carousel-item {
background: #000 !important; background: #000 !important;
} }
.reply-btn[disabled] {
opacity: .3;
color: #3897f0;
}
</style> </style>
<script> <script>