extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-08-13 23:38:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add global alternative display mode (grid or list) as an user option

Browse Source
This commit is contained in:
Bubka
2020-05-02 17:55:41 +02:00
parent 1acedf5e28
commit 9963bdea41
7 changed files with 99 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/views/Accounts.vue
View File

@ -34,8 +34,8 @@
loadingLabel: 'refreshing'
}" > -->
<draggable v-model="filteredAccounts" @start="drag = true" @end="saveOrder" ghost-class="ghost" handle=".tfa-dots" animation="200" class="accounts">
<transition-group class="columns is-multiline is-centered" type="transition" :name="!drag ? 'flip-list' : null">
<div class="tfa column is-narrow has-text-white" v-for="account in filteredAccounts" :key="account.id">
<transition-group class="columns is-multiline" :class="{ 'is-centered': $root.appSettings.displayMode === 'grid' }" type="transition" :name="!drag ? 'flip-list' : null">
<div :class="[$root.appSettings.displayMode === 'grid' ? 'tfa-grid' : 'tfa-list']" class="column is-narrow has-text-white" v-for="account in filteredAccounts" :key="account.id">
<div class="tfa-container">
<transition name="slideCheckbox">
<div class="tfa-checkbox" v-if="editMode">