okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

resize buttons on mediaitems

Browse source
This commit is contained in:
vapormusic 2021-12-25 11:55:05 +07:00
parent bd66494f9b
commit 1a7be252a0
3 changed files with 38 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/renderer/style.less
View file

@ -2707,8 +2707,8 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
appearance: none; appearance: none;
padding:0px; padding:0px;
border:0px; border:0px;
width: 40px; width: 30px;
height: 40px; height: 30px;
border-radius: 50%; border-radius: 50%;
background: rgba(50, 50, 50, 0.7); background: rgba(50, 50, 50, 0.7);
cursor: pointer; cursor: pointer;
@ -2718,15 +2718,15 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
>.play-btn { >.play-btn {
position: absolute; position: absolute;
bottom: 16px; bottom: 14px;
right: 16px; left: 14px;
z-index: 2; z-index: 2;
} }
>.menu-btn { >.menu-btn {
position: absolute; position: absolute;
bottom: 16px; bottom: 14px;
left: 16px; right: 14px;
z-index: 2; z-index: 2;
} }

16
src/renderer/views/components/mediaitem-mvview-sp.ejs
View file

@ -25,10 +25,10 @@
<div class="button" style=" <div class="button" style="
border-radius: 50%; border-radius: 50%;
background: rgba(50,50,50,0.7);" background: rgba(50,50,50,0.7);"
:style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '200px', :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '205px',
'margin-left': '250px', 'margin-left': '260px', 'margin-bottom': '140px',
width: '40px', width: '30px',
height: '40px',} : height: '30px',} :
{margin: '35px', 'margin-left': '95px', {margin: '35px', 'margin-left': '95px',
width: '120px', width: '120px',
height: '120px',}]" @click="app.playMediaItem(item)"> height: '120px',}]" @click="app.playMediaItem(item)">
@ -40,10 +40,10 @@
<div class="button" style=" <div class="button" style="
border-radius: 50%; border-radius: 50%;
background: rgba(50,50,50,0.7);" background: rgba(50,50,50,0.7);"
:style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '200px', :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '205px',
'margin-left': '250px', 'margin-left': '260px', 'margin-bottom': '140px',
width: '40px', width: '30px',
height: '40px',} : height: '30px',} :
{margin: '35px', 'margin-left': '95px', {margin: '35px', 'margin-left': '95px',
width: '120px', width: '120px',
height: '120px',}]" @click="app.playMediaItem(item)"> height: '120px',}]" @click="app.playMediaItem(item)">

48
src/renderer/views/components/mediaitem-square-sp.ejs
View file

@ -14,24 +14,24 @@
<div class="button" style=" <div class="button" style="
border-radius: 50%; border-radius: 50%;
background: rgba(50,50,50,0.7);" background: rgba(50,50,50,0.7);"
:style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '140px','position': 'absolute', :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '153px','position': 'absolute','margin-left': '153px',
width: '40px', width: '30px',
height: '40px',} : height: '30px',} :
{margin: '35px','position': 'absolute', {margin: '35px',display:'none',
width: '120px', width: '120px',
height: '120px',}]" @click="app.playMediaItem(item)"> height: '120px',}]" @click="clickContext()" >
<%- include("../svg/play.svg") %> <%- include("../svg/more.svg") %>
</div> </div>
<div class="button" style=" <div class="button" style="
border-radius: 50%; border-radius: 50%;
background: rgba(50,50,50,0.7);" background: rgba(50,50,50,0.7);"
:style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'position': 'absolute','margin': '140px', :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'position': 'absolute','margin': '153px',
width: '40px', 'margin-left': '10px', width: '30px', 'margin-left': '8px',
height: '40px',} : height: '30px',} :
{display: 'none',margin: '35px', {margin: '35px','position': 'absolute',
width: '120px', width: '120px',
height: '120px',}]" @click="clickContext()"> height: '120px',}]" @click="app.playMediaItem(item)">
<%- include("../svg/more.svg") %> <%- include("../svg/play.svg") %>
</div> </div>
</div> </div>
<div class="title text-overflow-elipsis" <div class="title text-overflow-elipsis"
@ -52,24 +52,24 @@
<div class="button" style=" <div class="button" style="
border-radius: 50%; border-radius: 50%;
background: rgba(50,50,50,0.7);" background: rgba(50,50,50,0.7);"
:style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '140px','position': 'absolute', :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'margin': '153px','position': 'absolute','margin-left': '153px',
width: '40px', width: '30px',
height: '40px',} : height: '30px',} :
{margin: '35px','position': 'absolute', {margin: '35px','position': 'absolute', display: 'none',
width: '120px', width: '120px',
height: '120px',}]" @click="app.playMediaItem(item)"> height: '120px',}]" @click="clickContext()">
<%- include("../svg/play.svg") %> <%- include("../svg/more.svg") %>
</div> </div>
<div class="button" style=" <div class="button" style="
border-radius: 50%; border-radius: 50%;
background: rgba(50,50,50,0.7);" background: rgba(50,50,50,0.7);"
:style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'position': 'absolute','margin': '140px', :style="[(!(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('radioStation') && !(item.attributes.playParams ? (item.attributes.playParams.kind ?? (item.type ?? '')): (item.type ?? '')).includes('song')) ? {'position': 'absolute','margin': '153px',
width: '40px', 'margin-left': '10px', width: '30px', 'margin-left': '8px',
height: '40px',} : height: '30px',} :
{display: 'none',margin: '35px','position': 'absolute', {margin: '35px','position': 'absolute',
width: '120px', width: '120px',
height: '120px',}]" @click="clickContext()"> height: '120px',}]" @click="app.playMediaItem(item)" >
<%- include("../svg/more.svg") %> <%- include("../svg/play.svg") %>
</div> </div>
</div> </div>