MyFavMirrors
/
owntone-server
mirror of https://github.com/owntone/owntone-server.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[web] Simplify styling

This commit is contained in:
Alain Nussbaumer 2024-03-05 13:25:07 +01:00
parent ea450665da
commit 3f4c6b2cf0
18 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/src/components/ModalDialog.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p v-if="title" class="title is-4" v-text="title" /> <p v-if="title" class="title is-4" v-text="title" />

2
web-src/src/components/ModalDialogAddRss.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<form class="card" @submit.prevent="add_stream"> <form class="card" @submit.prevent="add_stream">
<div class="card-content"> <div class="card-content">
<p class="title is-4" v-text="$t('dialog.add.rss.title')" /> <p class="title is-4" v-text="$t('dialog.add.rss.title')" />

2
web-src/src/components/ModalDialogAddUrlStream.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<form class="card" @submit.prevent="play"> <form class="card" @submit.prevent="play">
<div class="card-content"> <div class="card-content">
<p class="title is-4" v-text="$t('dialog.add.stream.title')" /> <p class="title is-4" v-text="$t('dialog.add.stream.title')" />

2
web-src/src/components/ModalDialogAlbum.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<cover-artwork <cover-artwork

2
web-src/src/components/ModalDialogAlbumSpotify.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<cover-artwork <cover-artwork

2
web-src/src/components/ModalDialogArtist.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4"> <p class="title is-4">

2
web-src/src/components/ModalDialogArtistSpotify.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4"> <p class="title is-4">

2
web-src/src/components/ModalDialogComposer.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4"> <p class="title is-4">

2
web-src/src/components/ModalDialogDirectory.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4" v-text="directory" /> <p class="title is-4" v-text="directory" />

2
web-src/src/components/ModalDialogGenre.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4"> <p class="title is-4">

2
web-src/src/components/ModalDialogPlaylist.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4"> <p class="title is-4">

2
web-src/src/components/ModalDialogPlaylistSave.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4" v-text="$t('dialog.playlist.save.title')" /> <p class="title is-4" v-text="$t('dialog.playlist.save.title')" />

2
web-src/src/components/ModalDialogPlaylistSpotify.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4"> <p class="title is-4">

2
web-src/src/components/ModalDialogQueueItem.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4" v-text="item.title" /> <p class="title is-4" v-text="item.title" />

2
web-src/src/components/ModalDialogRemotePairing.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p <p

2
web-src/src/components/ModalDialogTrack.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4" v-text="track.title" /> <p class="title is-4" v-text="track.title" />

2
web-src/src/components/ModalDialogTrackSpotify.vue
View File

@ -3,7 +3,7 @@
<transition name="fade"> <transition name="fade">
<div v-if="show" class="modal is-active"> <div v-if="show" class="modal is-active">
<div class="modal-background" @click="$emit('close')" /> <div class="modal-background" @click="$emit('close')" />
<div class="modal-content fd-modal-card"> <div class="modal-content">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4" v-text="track.name" /> <p class="title is-4" v-text="track.name" />

5
web-src/src/mystyles.scss
View File

@ -295,10 +295,7 @@ a.navbar-item {
} }
/* Only scroll content if modal contains a card component */ /* Only scroll content if modal contains a card component */
.fd-modal-card { .modal-content .card-content {
overflow: visible;
}
.fd-modal-card .card-content {
max-height: calc(100vh - 200px); max-height: calc(100vh - 200px);
overflow: auto; overflow: auto;
} }