extern/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2024-12-27 09:08:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix:Backups table UI

Browse Source
This commit is contained in:
advplyr 2022-03-05 10:23:30 -06:00
parent 6a4d3a55b1
commit 45582343b8
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/components/tables/BackupsTable.vue
View File

@ -9,21 +9,21 @@
<table id="backups"> <table id="backups">
<tr> <tr>
<th>File</th> <th>File</th>
<th class="hidden sm:block w-32 md:w-56">Datetime</th> <th class="hidden sm:table-cell w-32 md:w-56">Datetime</th>
<th class="hidden sm:block w-20 md:w-28">Size</th> <th class="hidden sm:table-cell w-20 md:w-28">Size</th>
<th class="w-36"></th> <th class="w-36"></th>
</tr> </tr>
<tr v-for="backup in backups" :key="backup.id"> <tr v-for="backup in backups" :key="backup.id">
<td> <td>
<p class="truncate text-xs sm:text-sm md:text-base">/{{ backup.path.replace(/\\/g, '/') }}</p> <p class="truncate text-xs sm:text-sm md:text-base">/{{ backup.path.replace(/\\/g, '/') }}</p>
</td> </td>
<td class="hidden sm:block font-sans text-base">{{ backup.datePretty }}</td> <td class="hidden sm:table-cell font-sans text-base">{{ backup.datePretty }}</td>
<td class="hidden sm:block font-mono md:text-base text-xs">{{ $bytesPretty(backup.fileSize) }}</td> <td class="hidden sm:table-cell font-mono md:text-base text-xs">{{ $bytesPretty(backup.fileSize) }}</td>
<td> <td>
<div class="w-full flex flex-row items-center justify-center"> <div class="w-full flex flex-row items-center justify-center">
<ui-btn small color="primary" @click="applyBackup(backup)">Apply</ui-btn> <ui-btn small color="primary" @click="applyBackup(backup)">Apply</ui-btn>
<a :href="`/metadata/${backup.path.replace(/%/g, '%25').replace(/#/g, '%23')}?token=${userToken}`" class="mx-1 pt-0.5 hover:text-opacity-100 text-opacity-70 text-white" download><span class="material-icons text-xl">download</span></a> <a :href="`/metadata/${backup.path.replace(/%/g, '%25').replace(/#/g, '%23')}?token=${userToken}`" class="mx-1 pt-1 hover:text-opacity-100 text-opacity-70 text-white" download><span class="material-icons text-xl">download</span></a>
<span class="material-icons text-xl hover:text-error hover:text-opacity-100 text-opacity-70 text-white cursor-pointer mx-1" @click="deleteBackupClick(backup)">delete</span> <span class="material-icons text-xl hover:text-error hover:text-opacity-100 text-opacity-70 text-white cursor-pointer mx-1" @click="deleteBackupClick(backup)">delete</span>
</div> </div>