Settings content updates

This commit is contained in:
advplyr 2022-11-26 11:08:09 -06:00
parent c62a1dfff0
commit 53f73e1201
7 changed files with 13 additions and 15 deletions

View File

@ -8,7 +8,7 @@
</div> </div>
</div> </div>
<p v-if="description" id="description" class="mb-6 text-gray-200" v-html="description" /> <p v-if="description" id="settings-description" class="mb-6 text-gray-200" v-html="description" />
<slot></slot> <slot></slot>
</div> </div>
@ -24,21 +24,21 @@ export default {
}, },
methods: { methods: {
clicked() { clicked() {
this.$emit('clicked'); this.$emit('clicked')
} }
} }
} }
</script> </script>
<style> <style>
#description a { #settings-description a {
color: rgb(96 165 250); color: rgb(96 165 250);
} }
#description a:hover { #settings-description a:hover {
color: rgb(147 197 253); color: rgb(147 197 253);
text-decoration-line: underline; text-decoration-line: underline;
} }
#description code { #settings-description code {
font-size: 0.875rem; font-size: 0.875rem;
border-radius: 6px; border-radius: 6px;
background-color: rgb(82, 82, 82); background-color: rgb(82, 82, 82);

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<app-settings-content :headerText="$strings.HeaderSettings"> <app-settings-content :header-text="$strings.HeaderSettings">
<div class="lg:flex"> <div class="lg:flex">
<div class="flex-1"> <div class="flex-1">
<div class="pt-4"> <div class="pt-4">

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<app-settings-content :headerText="$strings.HeaderLibraries" showAddButton=true @clicked="setShowLibraryModal"> <app-settings-content :header-text="$strings.HeaderLibraries" show-add-button @clicked="setShowLibraryModal">
<tables-library-libraries-table @showLibraryModal="setShowLibraryModal" /> <tables-library-libraries-table @showLibraryModal="setShowLibraryModal" />
</app-settings-content> </app-settings-content>
<modals-libraries-edit-modal v-model="showLibraryModal" :library="selectedLibrary" /> <modals-libraries-edit-modal v-model="showLibraryModal" :library="selectedLibrary" />

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<app-settings-content :headerText="$strings.HeaderLibraryStats + ': ' + currentLibraryName"> <app-settings-content :header-text="$strings.HeaderLibraryStats + ': ' + currentLibraryName">
<stats-preview-icons v-if="totalItems" :library-stats="libraryStats" /> <stats-preview-icons v-if="totalItems" :library-stats="libraryStats" />
<div class="flex lg:flex-row flex-wrap justify-between flex-col mt-8"> <div class="flex lg:flex-row flex-wrap justify-between flex-col mt-8">

View File

@ -1,8 +1,6 @@
<template> <template>
<div> <div>
<app-settings-content :headerText="$strings.HeaderListeningSessions"> <app-settings-content :header-text="$strings.HeaderListeningSessions">
<div class="flex justify-end mb-2"> <div class="flex justify-end mb-2">
<ui-dropdown v-model="selectedUser" :items="userItems" :label="$strings.LabelFilterByUser" small class="max-w-48" @input="updateUserFilter" /> <ui-dropdown v-model="selectedUser" :items="userItems" :label="$strings.LabelFilterByUser" small class="max-w-48" @input="updateUserFilter" />
</div> </div>

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<app-settings-content :headerText="$strings.HeaderYourStats"> <app-settings-content :header-text="$strings.HeaderYourStats">
<div class="flex justify-center"> <div class="flex justify-center">
<div class="flex p-2"> <div class="flex p-2">
<svg class="hidden sm:block h-14 w-14 lg:h-18 lg:w-18" viewBox="0 0 24 24"> <svg class="hidden sm:block h-14 w-14 lg:h-18 lg:w-18" viewBox="0 0 24 24">

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<app-settings-content :headerText="$strings.HeaderUsers" showAddButton=true @clicked="setShowUserModal"> <app-settings-content :header-text="$strings.HeaderUsers" show-add-button @clicked="setShowUserModal">
<tables-users-table /> <tables-users-table />
</app-settings-content> </app-settings-content>
<modals-account-modal ref="accountModal" v-model="showAccountModal" :account="selectedAccount" /> <modals-account-modal ref="accountModal" v-model="showAccountModal" :account="selectedAccount" />
@ -12,7 +12,7 @@ export default {
data() { data() {
return { return {
selectedAccount: null, selectedAccount: null,
showAccountModal: false, showAccountModal: false
} }
}, },
computed: {}, computed: {},