WebPlay/client
1
1
Fork 0
Code Issues 10 Pull Requests Packages Projects Releases Wiki Activity

small ui changes on artist view
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Artem Anufrij 2023-02-16 00:34:06 +01:00
parent 7281f73e2e
commit a22bb67d23
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/config.json
View File

@ -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"
} }

2
public/static/style.css
View File

@ -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%;

20
src/components/dialogs/ArtistViewer.vue
View File

@ -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) {