mirror/advplyr.audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-08-04 02:05:06 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tailwind V4 migration initial commit

Browse source
This commit is contained in:
mikiher 2025-03-16 16:41:37 +02:00
parent d60ccff5e8
commit 30db5d50fb
186 changed files with 1858 additions and 1324 deletions
Download patch file Download diff file Expand all files Collapse all files

16
client/pages/config.vue
View file

@ -2,7 +2,7 @@
<div id="page-wrapper" class="page p-2 md:p-6 overflow-y-auto relative" :class="streamLibraryItem ? 'streaming' : ''">
<app-config-side-nav :is-open.sync="sideDrawerOpen" />
<div class="configContent" :class="`page-${currentPage}`">
<div v-show="isMobilePortrait" class="w-full pb-4 px-2 flex border-b border-white border-opacity-10 mb-2 cursor-pointer" @click.stop.prevent="toggleShowMore">
<div v-show="isMobilePortrait" class="w-full pb-4 px-2 flex border-b border-white/10 mb-2 cursor-pointer" @click.stop.prevent="toggleShowMore">
<span class="material-symbols text-2xl cursor-pointer">arrow_forward</span>
<p class="pl-3 capitalize">{{ currentPage }}</p>
</div>
@ -77,20 +77,20 @@ export default {
<style>
.configContent {
margin: auto;
width: 900px;
max-width: calc(100% - 176px);
margin: auto !important;
width: 900px !important;
max-width: calc(100% - 176px) !important;
}
@media (max-width: 1240px) {
.configContent {
margin-left: 176px;
margin-left: 176px !important;
}
}
@media (max-width: 640px) {
.configContent {
margin-left: 0px;
width: 100%;
max-width: 100%;
margin-left: 0px !important;
width: 100% !important;
max-width: 100% !important;
}
}
</style>