Update Timeline.vue, move compose button

This commit is contained in:
Daniel Supernault 2020-08-05 22:40:20 -06:00
parent cdc06aca4f
commit 9cad8f7736
No known key found for this signature in database
GPG Key ID: 0DEF1C662C9033F7
3 changed files with 30 additions and 15 deletions

View File

@ -14,6 +14,11 @@
  |  
<a href="#" :class="[layout!=='feed'?'font-weight-bold text-dark text-decoration-none':'font-weight-light text-muted text-decoration-none']" @click.prevent="switchFeedLayout('grid')"><i class="fas fa-th"></i> &nbsp; Grid</a>
</p>
<p class="mb-0 d-none d-md-block">
<a class="btn btn-block btn-primary btn-sm font-weight-bold border" href="/i/compose" data-toggle="modal" data-target="#composeModal">
<i class="fas fa-camera pr-3 fa-lg pt-1"></i> New Post
</a>
</p>
</div>
<hr>
</div>
@ -252,8 +257,15 @@
<div v-if="!modes.distractionFree" class="col-md-4 col-lg-4 my-3 order-1 order-md-2 d-none d-md-block">
<div>
<!-- <div class="mb-4">
<a class="btn btn-block btn-primary btn-sm font-weight-bold mb-3 border" href="/i/compose" data-toggle="modal" data-target="#composeModal">
<i class="far fa-plus-square pr-3 fa-lg pt-1"></i> New Post
</a>
</div> -->
<div class="mb-4">
<div class="card shadow-none border">
<div v-show="!loading" class="card shadow-none border">
<div class="card-body pb-2">
<div class="media d-flex align-items-center">
<a :href="!userStory ? profile.url : '/stories/' + profile.acct" class="mr-3">
@ -298,12 +310,6 @@
</div>
</div>
<div class="mb-4">
<a class="btn btn-light btn-block btn-sm font-weight-bold text-dark mb-3 border bg-white" href="/i/compose" data-toggle="modal" data-target="#composeModal">
<i class="far fa-plus-square pr-3 fa-lg pt-1"></i> Compose Post
</a>
</div>
<div v-show="modes.notify == true && !loading" class="mb-4">
<notification-card></notification-card>
</div>
@ -353,15 +359,15 @@
</div>
</div>
</div>
<div v-else class="row pt-2">
<div v-else class="row">
<div class="col-12">
<div v-if="loading" class="text-center">
<!-- <div v-if="loading" class="text-center">
<div class="spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<div v-else class="row">
<div class="col-12 pt-3">
</div> -->
<div class="row">
<div class="col-12 pl-3 pl-md-0 pt-3 pl-0">
<div class="d-flex justify-content-between align-items-center">
<p class="lead text-muted mb-0"><i :class="[scope == 'home' ? 'fas fa-home':'fas fa-stream']"></i> &nbsp; {{scope == 'local' ? 'Public' : 'Home'}} Timeline</p>
<p class="mb-0">
@ -369,6 +375,11 @@
&nbsp; | &nbsp;
<a href="#" :class="[layout!=='feed'?'font-weight-bold text-dark text-decoration-none':'font-weight-light text-muted text-decoration-none']" @click.prevent="switchFeedLayout('grid')"><i class="fas fa-th"></i> &nbsp; Grid</a>
</p>
<p class="mb-0 d-none d-md-block">
<a class="btn btn-block btn-primary btn-sm font-weight-bold border" href="/i/compose" data-toggle="modal" data-target="#composeModal">
<i class="fas fa-camera pr-3 fa-lg pt-1"></i> New Post
</a>
</p>
</div>
<hr>
</div>

View File

@ -65,7 +65,11 @@
<a class="nav-link {{request()->is('discover')?'text-dark':'text-lighter'}}" href="/discover"><i class="fas fa-search fa-lg"></i></a>
</li>
<li class="nav-item">
<div class="nav-link text-lighter cursor-pointer" onclick="App.util.compose.post()"><i class="fas fa-camera fa-lg"></i></div>
<div class="nav-link text-primary cursor-pointer" onclick="App.util.compose.post()">
<span class="border border-primary rounded p-2 bg-primary">
<i class="fas fa-camera fa-lg text-white"></i>
</span>
</div>
</li>
<li class="nav-item">
<a class="nav-link {{request()->is('account/activity')?'text-dark':'text-lighter'}}" href="/account/activity"><i class="far fa-heart fa-lg"></i></a>

View File

@ -52,7 +52,7 @@
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<div class="dropdown-item font-weight-bold cursor-pointer" onclick="App.util.compose.post()">
<span class="fas fa-plus-square pr-2 text-lighter"></span>
<span class="fas fa-camera pr-2 text-primary"></span>
New Post
</div>
<div class="dropdown-divider"></div>
@ -62,7 +62,7 @@
</a>
<a class="dropdown-item font-weight-bold" href="{{route('timeline.public')}}">
<span class="fas fa-stream pr-2 text-lighter"></span>
Local
Public
</a>
<a class="dropdown-item font-weight-bold" href="/i/stories/new">
<span class="fas fa-history text-lighter pr-2"></span>