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> <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="/"> <NuxtLink class="navbar-brand p-2" href="/">
<img src="~/assets/images/ffplayout-small.png" class="img-fluid" alt="Logo" width="30" height="30" /> <img src="~/assets/images/ffplayout-small.png" class="img-fluid" alt="Logo" width="30" height="30" />
</NuxtLink> </NuxtLink>
@ -69,7 +69,7 @@
<div class="navbar-end hidden md:flex w-4/5 min-w-[600px]"> <div class="navbar-end hidden md:flex w-4/5 min-w-[600px]">
<ul class="menu menu-sm menu-horizontal px-1"> <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"> <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> <span>
{{ item.name }} {{ item.name }}
</span> </span>

42
pages/media.vue
View File

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

1
pages/player.vue
View File

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