djsundog/ffplayout
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

scroll only config div, cleanup classes

Browse Source
This commit is contained in:
Jonathan Baecker 2024-09-29 16:59:09 +02:00
parent 57310cd0a3
commit 230a31b045
2 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/components/PlaylistTable.vue
View File

@ -11,47 +11,47 @@
<thead class="top-0 sticky z-10">
<tr class="bg-base-100 rounded-tr-lg">
<th v-if="!configStore.playout.playlist.infinit" class="w-[85px] p-0 text-left">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.start') }}
</div>
</th>
<th class="w-full p-0 text-left">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.file') }}
</div>
</th>
<th class="w-[85px] p-0 text-center">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.play') }}
</div>
</th>
<th class="w-[85px] p-0 text-center hidden 2xs:table-cell">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.duration') }}
</div>
</th>
<th class="w-[85px] p-0 text-center hidden xl:table-cell">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.in') }}
</div>
</th>
<th class="w-[85px] p-0 text-center hidden xl:table-cell">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.out') }}
</div>
</th>
<th class="w-[85px] p-0 text-center hidden xl:table-cell justify-center">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.ad') }}
</div>
</th>
<th class="w-[85px] p-0 text-center">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.edit') }}
</div>
</th>
<th class="w-[85px] p-0 text-center hidden 2xs:table-cell justify-center">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
<div class="border-b border-my-gray px-4 py-3">
{{ t('player.delete') }}
</div>
</th>

30
frontend/pages/configure.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="flex w-full h-full ps-1">
<div class="flex w-full h-[calc(100vh-60px)] ps-1">
<div class="flex-none w-[70px] join join-vertical me-3 pt-7">
<button
class="join-item w-full btn btn-sm btn-primary duration-500"
@ -9,7 +9,7 @@
{{ t('config.channel') }}
</button>
<button
v-if="authStore.role === 'GlobalAdmin'"
v-if="authStore.role === 'GlobalAdmin'"
class="join-item w-full btn btn-sm btn-primary duration-500"
:class="activeConf === 2 && 'btn-secondary'"
@click="activeConf = 2"
@ -31,21 +31,23 @@
{{ t('config.user') }}
</button>
</div>
<div class="w-[calc(100%-70px)] mt-10 px-6">
<div v-if="activeConf === 1" class="w-full flex justify-center">
<ConfigChannel />
</div>
<div class="w-[calc(100%-70px)] mt-6 px-6 overflow-auto">
<div>
<div v-if="activeConf === 1" class="w-full flex justify-center">
<ConfigChannel />
</div>
<div v-if="activeConf === 2" class="w-full flex justify-center">
<ConfigAdvanced />
</div>
<div v-if="activeConf === 2" class="w-full flex justify-center">
<ConfigAdvanced />
</div>
<div v-else-if="activeConf === 3" class="w-full flex justify-center">
<ConfigPlayout />
</div>
<div v-else-if="activeConf === 3" class="w-full flex justify-center">
<ConfigPlayout />
</div>
<div v-else-if="activeConf === 4" class="w-full flex justify-center">
<ConfigUser />
<div v-else-if="activeConf === 4" class="w-full flex justify-center">
<ConfigUser />
</div>
</div>
</div>
</div>