This commit is contained in:
vapormusic 2022-03-26 09:59:23 +07:00
parent 70e13ce6f4
commit 014539096b
2 changed files with 7 additions and 2 deletions

View file

@ -1829,6 +1829,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
} }
.cd-mediaitem-square-container{
display: inline-flex;
flex-direction: column;
}
.reasonSP{ .reasonSP{
// margin-left: 15px; // margin-left: 15px;
color: rgb(167 163 163); color: rgb(167 163 163);

View file

@ -1,5 +1,5 @@
<script type="text/x-template" id="mediaitem-square"> <script type="text/x-template" id="mediaitem-square">
<div tabindex="0" <div tabindex="0" class="cd-mediaitem-square-container"
@click.self="app.routeView(item)" @click.self="app.routeView(item)"
@controller-click="app.routeView(item)" @controller-click="app.routeView(item)"
@contextmenu.self="contextMenu" @contextmenu.self="contextMenu"
@ -8,7 +8,7 @@
<div v-if="reasonShown && isVisible" class="reasonSP ">{{item?.meta?.reason?.stringForDisplay ?? ' '}}</div> <div v-if="reasonShown && isVisible" class="reasonSP ">{{item?.meta?.reason?.stringForDisplay ?? ' '}}</div>
<div style="{'--spcolor': getBgColor()}" <div style="{'--spcolor': getBgColor()}"
class="cd-mediaitem-square" :class="getClasses()" @contextmenu="contextMenu"> class="cd-mediaitem-square" :class="getClasses()" @contextmenu="contextMenu">
<template v-if="isVisible"> <template>
<div class="artwork-container"> <div class="artwork-container">
<div class="unavailable-overlay" v-if="unavailable"> <div class="unavailable-overlay" v-if="unavailable">
<div class="codicon codicon-circle-slash"></div> <div class="codicon codicon-circle-slash"></div>