diff options
| author | Henry Jameson <me@hjkos.com> | 2022-08-24 22:31:48 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-08-24 22:31:48 +0300 |
| commit | 986c4537021842e9b21c89c0ffb84033169cafe6 (patch) | |
| tree | f7d1da15ca2bfb8d352fa2ad984463382ba0e926 /src/components/timeline/timeline.vue | |
| parent | 4e339d9be34400465e336a9c589ebaea705802d1 (diff) | |
use a bit more compact layout on mobile
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 61 |
1 files changed, 46 insertions, 15 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index a6bfeed1..f9f5bf92 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -8,22 +8,53 @@ type="button" @click="scrollToTop" > - <FAIcon icon="circle-up" /> - </button> - <button - v-if="showLoadButton" - class="button-default loadmore-button" - @click.prevent="showNewStatuses" - > - {{ loadButtonString }} + <FALayers class="fa-scale-110 fa-old-padding-layer"> + <FAIcon icon="arrow-up" /> + <FAIcon + icon="minus" + transform="up-7" + /> + </FALayers> </button> - <div - v-else-if="!embedded" - class="loadmore-text faint" - @click.prevent - > - {{ $t('timeline.up_to_date') }} - </div> + <template v-if="mobileLayout"> + <button + v-if="showLoadButton" + class="button-unstyled loadmore-button" + @click.prevent="showNewStatuses" + > + <FAIcon + fixed-width + icon="circle-plus" + /> + <div class="alert-dot" /> + </button> + <div + v-else-if="!embedded" + class="loadmore-text faint" + @click.prevent + > + <FAIcon + fixed-width + icon="check" + /> + </div> + </template> + <template v-else> + <button + v-if="showLoadButton" + class="button-default loadmore-button" + @click.prevent="showNewStatuses" + > + {{ loadButtonString }} + </button> + <div + v-else-if="!embedded" + class="loadmore-text faint" + @click.prevent + > + {{ $t('timeline.up_to_date') }} + </div> + </template> <QuickFilterSettings v-if="!embedded" /> <QuickViewSettings v-if="!embedded" /> </div> |