small ui changes on artist view
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
7281f73e2e
commit
a22bb67d23
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"backend_dev": "http://localhost:31204",
|
"backend_de": "http://localhost:31204",
|
||||||
"backend_de": "https://webplay.rocks",
|
"backend_dev": "https://webplay.rocks",
|
||||||
"backend": "https://webplay.rocks"
|
"backend": "https://webplay.rocks"
|
||||||
}
|
}
|
@ -1555,7 +1555,7 @@ td.strech {
|
|||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.showOnMobilePortrait {
|
.showOnMobilePortrait {
|
||||||
display: flex;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
nav input {
|
nav input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -19,15 +19,15 @@
|
|||||||
:class="{ active: isFavourite }"
|
:class="{ active: isFavourite }"
|
||||||
@click="toggleFavourite"
|
@click="toggleFavourite"
|
||||||
/>
|
/>
|
||||||
<h1 @dblclick="dblclick" class="hideOnMobileLandscape">
|
<h1 @dblclick="dblclick">
|
||||||
{{ selectedArtist.name }}
|
{{ selectedArtist.name }}
|
||||||
</h1>
|
</h1>
|
||||||
<span id="stats" class="hideOnMobileLandscape ma-bottom">
|
<span id="stats" class="ma-bottom">
|
||||||
<b>{{ artist_tracks.length }}</b> Tracks in
|
<b>{{ artist_tracks.length }}</b> Tracks in
|
||||||
<b>{{ artist_albums.length }}</b> Albums with a duration of
|
<b>{{ artist_albums.length }}</b> Albums with a duration of
|
||||||
<b>{{ artist_duration }}</b>
|
<b>{{ artist_duration }}</b>
|
||||||
</span>
|
</span>
|
||||||
<div id="albumList" class="flex-row showOnMobile">
|
<div id="albumList" class="flex-row showOnMobilePortrait">
|
||||||
<AlbumItem
|
<AlbumItem
|
||||||
class="ma"
|
class="ma"
|
||||||
:class="{ playing: playingAlbumId == album._id }"
|
:class="{ playing: playingAlbumId == album._id }"
|
||||||
@ -85,7 +85,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-row overflow-y">
|
<div class="flex-row overflow-y">
|
||||||
<div id="albumList" class="flex-column hideOnMobile">
|
<div id="albumList" class="flex-column hideOnMobilePortrait">
|
||||||
<AlbumItem
|
<AlbumItem
|
||||||
class="ma-top ma-left ma-right"
|
class="ma-top ma-left ma-right"
|
||||||
:class="{ playing: playingAlbumId == album._id }"
|
:class="{ playing: playingAlbumId == album._id }"
|
||||||
@ -345,6 +345,12 @@ h1,
|
|||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
|
#albumList {
|
||||||
|
background-color: initial;
|
||||||
|
align-self: center;
|
||||||
|
padding-bottom: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px), (max-height: 480px) {
|
@media (max-width: 480px), (max-height: 480px) {
|
||||||
@ -358,12 +364,6 @@ h1,
|
|||||||
#header {
|
#header {
|
||||||
width: initial;
|
width: initial;
|
||||||
}
|
}
|
||||||
#albumList {
|
|
||||||
background-color: initial;
|
|
||||||
align-self: center;
|
|
||||||
padding-bottom: 0;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-height: 480px) {
|
@media (max-height: 480px) {
|
||||||
|
Loading…
Reference in New Issue
Block a user