Commit dcd8e941 authored by Agate's avatar Agate 💬
Browse files

Fixed controls overflowing because of too large image in queue mode

parent b1ae13ab
......@@ -34,19 +34,17 @@
<translate translate-context="Sidebar/Player/Error message.Paragraph">You may have a connectivity issue.</translate>
</p>
</div>
<div class="additional-controls">
<div class="additional-controls tablet-and-below">
<track-favorite-icon
class="tablet-and-below"
v-if="$store.state.auth.authenticated"
:track="currentTrack"></track-favorite-icon>
<track-playlist-icon
class="tablet-and-below"
v-if="$store.state.auth.authenticated"
:track="currentTrack"></track-playlist-icon>
<button
v-if="$store.state.auth.authenticated"
@click="$store.dispatch('moderation/hide', {type: 'artist', target: currentTrack.artist})"
:class="['ui', 'really', 'basic', 'circular', 'icon', 'button', 'tablet-and-below']"
:class="['ui', 'really', 'basic', 'circular', 'icon', 'button']"
:aria-label="labels.addArtistContentFilter"
:title="labels.addArtistContentFilter">
<i :class="['eye slash outline', 'basic', 'icon']"></i>
......
......@@ -137,6 +137,10 @@
bottom: 0;
top: 0;
width: 32%;
> img {
height: 50vh;
width: 50vh;
}
@include media("<desktop") {
padding: 0.5em;
font-size: 1.5em;
......@@ -148,7 +152,7 @@
max-height: 50vh;
}
}
> *:not(.image) {
> *:not(.image):not(img) {
width: 100%;
}
h1 {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment