groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-12-18 17:59:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

UI/UX fix x overflow for sessions tables on mobile
Some checks failed
CodeQL / Analyze (push) Has been cancelled
Details
Run Component Tests / Run Component Tests (push) Has been cancelled
Details
Build and Push Docker Image / build (push) Has been cancelled
Details
Integration Test / build and test (push) Has been cancelled
Details
Run Unit Tests / Run Unit Tests (push) Has been cancelled
Details

Browse source
This commit is contained in:
advplyr 2025-07-26 09:45:44 -05:00
parent f273eee807
commit 0107cb4782
2 changed files with 110 additions and 106 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/pages/config/sessions.vue
View file

@ -6,6 +6,7 @@
</div> </div>
<div v-if="listeningSessions.length" class="block max-w-full relative"> <div v-if="listeningSessions.length" class="block max-w-full relative">
<div class="overflow-x-auto">
<table class="userSessionsTable"> <table class="userSessionsTable">
<tr class="bg-primary/40"> <tr class="bg-primary/40">
<th class="w-6 min-w-6 text-left hidden md:table-cell h-11"> <th class="w-6 min-w-6 text-left hidden md:table-cell h-11">
@ -80,6 +81,7 @@
</td> </td>
</tr> </tr>
</table> </table>
</div>
<!-- table bottom options --> <!-- table bottom options -->
<div class="flex items-center my-2"> <div class="flex items-center my-2">
<div class="grow" /> <div class="grow" />

2
client/pages/config/users/_id/sessions.vue
View file

@ -19,6 +19,7 @@
<div class="py-2"> <div class="py-2">
<h1 class="text-lg mb-2 text-white/90 px-2 sm:px-0">{{ $strings.HeaderListeningSessions }}</h1> <h1 class="text-lg mb-2 text-white/90 px-2 sm:px-0">{{ $strings.HeaderListeningSessions }}</h1>
<div v-if="listeningSessions.length"> <div v-if="listeningSessions.length">
<div class="overflow-x-auto">
<table class="userSessionsTable"> <table class="userSessionsTable">
<tr class="bg-primary/40"> <tr class="bg-primary/40">
<th class="w-48 min-w-48 text-left">{{ $strings.LabelItem }}</th> <th class="w-48 min-w-48 text-left">{{ $strings.LabelItem }}</th>
@ -52,6 +53,7 @@
</td> </td>
</tr> </tr>
</table> </table>
</div>
<div class="flex items-center justify-end py-1"> <div class="flex items-center justify-end py-1">
<ui-icon-btn icon="arrow_back_ios_new" :size="7" icon-font-size="1rem" class="mx-1" :disabled="currentPage === 0" @click="prevPage" /> <ui-icon-btn icon="arrow_back_ios_new" :size="7" icon-font-size="1rem" class="mx-1" :disabled="currentPage === 0" @click="prevPage" />
<p class="text-sm mx-1">{{ $getString('LabelPaginationPageXOfY', [currentPage + 1, numPages]) }}</p> <p class="text-sm mx-1">{{ $getString('LabelPaginationPageXOfY', [currentPage + 1, numPages]) }}</p>