Improve forum thread page
This commit is contained in:
parent
37c3b2dda9
commit
c0940970c9
3 changed files with 20 additions and 9 deletions
|
@ -150,7 +150,7 @@
|
|||
<button
|
||||
type="button"
|
||||
class="delete"
|
||||
@click="registerModal = false"/>
|
||||
@click="updateDismissed"/>
|
||||
</header>
|
||||
<section class="modal-card-body has-text-centered">
|
||||
<h1 class="subtitle">What's new in {{$store.state.client.clientVersion}}?</h1>
|
||||
|
@ -162,6 +162,10 @@
|
|||
<li>Add blog</li>
|
||||
<li>Add new friend count in Navbar User Menu</li>
|
||||
<li>Add developmental forum</li>
|
||||
<hr>
|
||||
<li>{{$store.state.client.clientVersion}}-patch fixes:</li>
|
||||
<li>Patch pagination page crash bug with 'wait' prop to not attempt to load more when its loading</li>
|
||||
<li>Improve forum thread page</li>
|
||||
</ul>
|
||||
</section>
|
||||
<footer class="modal-card-foot">
|
||||
|
|
|
@ -3,15 +3,22 @@
|
|||
<div class="section">
|
||||
<h1 class="title">{{thread.name}}</h1>
|
||||
<div class="column is-9" v-for='(post) in thread.Posts' :key='"threadPost-" + post.id'>
|
||||
<div class="media box">
|
||||
<div class="media-left">
|
||||
<article class="media box">
|
||||
<figure class="media-left">
|
||||
<p class="image is-64x64">
|
||||
<img :src="'https://cdn.kaverti.com/user/avatars/headshot/' + post.User.picture + '.png'">
|
||||
</div>
|
||||
</p>
|
||||
</figure>
|
||||
<div class="media-content">
|
||||
<h2 class="subtitle">{{post.User.username}}</h2>
|
||||
<div class="content">
|
||||
<p>
|
||||
<strong>{{post.User.username}}</strong> <small>{{ post.createdAt | formatDate }}</small>
|
||||
<br>
|
||||
<p>
|
||||
<div v-html="post.content"></div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
<NoItems type="forum threads"></NoItems>
|
||||
</div>
|
||||
<div class="column column is-9" v-if="threads.length">
|
||||
<div class="box content">
|
||||
<div class="content">
|
||||
<article class='thread_display box' v-for='(thread) in threads' :key='"thread-" + thread.id' @click="goToThread(thread)">
|
||||
<div style='width: calc(100% - 3rem);'>
|
||||
<div class='thread_display__header'>
|
||||
|
|
Loading…
Reference in a new issue