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

fix text color, cleanup

Browse Source
This commit is contained in:
jb-alvarado 2024-04-06 23:16:13 +02:00
parent 32b370b425
commit 8cec8683a5
3 changed files with 329 additions and 346 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Menu.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="navbar bg-base-100 min-h-[52px] p-0 text-base">
<div class="navbar bg-base-100 min-h-[52px] p-0">
<NuxtLink class="navbar-brand p-2" href="/">
<img src="~/assets/images/ffplayout-small.png" class="img-fluid" alt="Logo" width="30" height="30" />
</NuxtLink>
@ -69,7 +69,7 @@
<div class="navbar-end hidden md:flex w-4/5 min-w-[600px]">
<ul class="menu menu-sm menu-horizontal px-1">
<li v-for="item in menuItems" :key="item.name" class="bg-base-100 rounded-md p-0">
<NuxtLink :to="item.link" class="px-2 h-[27px] relative text-base" activeClass="is-active">
<NuxtLink :to="item.link" class="px-2 h-[27px] relative text-base text-base-content" activeClass="is-active">
<span>
{{ item.name }}
</span>

42
pages/media.vue
View File

@ -1,6 +1,4 @@
<template>
<div>
<Menu />
<div class="container-fluid browser-container">
<div class="h-100">
<div>
@ -67,8 +65,7 @@
data-bs-toggle="modal"
data-bs-target="#deleteModal"
@click="
deleteName =
`/${mediaStore.folderTree.source}/${folder.name}`.replace(
deleteName = `/${mediaStore.folderTree.source}/${folder.name}`.replace(
/\/[/]+/g,
'/'
)
@ -83,9 +80,7 @@
</pane>
<pane
:style="
$route.path === '/player'
? `height: ${mediaStore.folderTree.files.length * 26 + 2}px`
: ''
$route.path === '/player' ? `height: ${mediaStore.folderTree.files.length * 26 + 2}px` : ''
"
>
<ul v-if="mediaStore.folderTree.parent" class="list-group media-browser-scroll m-1">
@ -153,8 +148,7 @@
data-bs-toggle="modal"
data-bs-target="#deleteModal"
@click="
deleteName =
`/${mediaStore.folderTree.source}/${element.name}`.replace(
deleteName = `/${mediaStore.folderTree.source}/${element.name}`.replace(
/\/[/]+/g,
'/'
)
@ -197,12 +191,7 @@
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="deleteModalLabel">Delete File/Folder</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Cancel"
></button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cancel"></button>
</div>
<div class="modal-body">
<p>
@ -238,24 +227,14 @@
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="renameModalLabel">Rename File</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Cancel"
></button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cancel"></button>
</div>
<form @submit.prevent="onSubmitRenameFile" @reset="onCancelRenameFile">
<div class="modal-body">
<input type="text" class="form-control" v-model="renameNewName" />
</div>
<div class="modal-footer">
<button
type="reset"
class="btn btn-primary"
data-bs-dismiss="modal"
aria-label="Cancel"
>
<button type="reset" class="btn btn-primary" data-bs-dismiss="modal" aria-label="Cancel">
Cancel
</button>
<button type="submit" class="btn btn-primary" data-bs-dismiss="modal">Ok</button>
@ -320,7 +299,13 @@
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="uploadModalLabel">Upload Files</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cancel" @click.prevent="onResetUpload()"></button>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Cancel"
@click.prevent="onResetUpload()"
></button>
</div>
<form @submit.prevent="onSubmitUpload" @reset.prevent="onResetUpload">
<div class="modal-body">
@ -382,7 +367,6 @@
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">

1
pages/player.vue
View File

@ -1,6 +1,5 @@
<template>
<div>
<Menu />
<Control />
<div class="date-row">
<div class="col">