TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix some minor issues with the playlists page and navbar

Browse source
This commit is contained in:
Bnyro 2022-12-19 16:31:50 +01:00
parent 7159af3738
commit 53da097591
2 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/NavBar.vue
View file

@ -126,15 +126,18 @@
<script> <script>
import SearchSuggestions from "./SearchSuggestions.vue"; import SearchSuggestions from "./SearchSuggestions.vue";
import LoginModal from "./LoginModal.vue";
import hotkeys from "hotkeys-js"; import hotkeys from "hotkeys-js";
export default { export default {
components: { components: {
SearchSuggestions, SearchSuggestions,
LoginModal,
}, },
data() { data() {
return { return {
searchText: "", searchText: "",
suggestionsVisible: false, suggestionsVisible: false,
showLoginModal: false,
showTopNav: false, showTopNav: false,
}; };
}, },

26
src/components/PlaylistsPage.vue
View file

@ -4,16 +4,24 @@
<hr /> <hr />
<div> <div>
<div class="flex"> <div class="flex justify-between">
<button v-t="'actions.create_playlist'" class="btn mr-2" @click="onCreatePlaylist" /> <button v-t="'actions.create_playlist'" class="btn mr-2" @click="onCreatePlaylist" />
<button <div class="flex">
v-if="this.playlists.length > 0" <button
v-t="'actions.export_to_json'" v-if="this.playlists.length > 0"
class="btn" v-t="'actions.export_to_json'"
@click="exportPlaylists" class="btn"
/> @click="exportPlaylists"
<input id="fileSelector" ref="fileSelector" type="file" class="display-none" @change="importPlaylists" /> />
<label for="fileSelector" v-t="'actions.import_from_json'" class="btn ml-2" role="button" /> <input
id="fileSelector"
ref="fileSelector"
type="file"
class="display-none"
@change="importPlaylists"
/>
<label for="fileSelector" v-t="'actions.import_from_json'" class="btn ml-2" role="button" />
</div>
</div> </div>
<div class="video-grid"> <div class="video-grid">