fix more button
This commit is contained in:
parent
ad72d2f95f
commit
8f31e15220
3 changed files with 16 additions and 9 deletions
|
@ -17,7 +17,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': '140px','position': 'absolute',
|
||||||
width: '40px',
|
width: '40px',
|
||||||
height: '40px',} :
|
height: '40px',} :
|
||||||
{margin: '35px', 'position': 'absolute',
|
{margin: '35px', 'position': 'absolute','position': 'absolute',
|
||||||
width: '120px',
|
width: '120px',
|
||||||
height: '120px',}]" @click="app.playMediaItem(item)">
|
height: '120px',}]" @click="app.playMediaItem(item)">
|
||||||
<%- include("../svg/play.svg") %>
|
<%- include("../svg/play.svg") %>
|
||||||
|
@ -28,7 +28,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': '140px',
|
||||||
width: '40px', 'margin-left': '10px',
|
width: '40px', 'margin-left': '10px',
|
||||||
height: '40px',} :
|
height: '40px',} :
|
||||||
{display: 'none',margin: '35px',
|
{display: 'none',margin: '35px','position': 'absolute',
|
||||||
width: '120px',
|
width: '120px',
|
||||||
height: '120px',}]" @click="clickContext() ">
|
height: '120px',}]" @click="clickContext() ">
|
||||||
<%- include("../svg/more.svg") %>
|
<%- include("../svg/more.svg") %>
|
||||||
|
@ -46,10 +46,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': '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')) ? {'margin': '140px','position': 'absolute',
|
||||||
width: '40px',
|
width: '40px',
|
||||||
height: '40px',} :
|
height: '40px',} :
|
||||||
{margin: '35px',
|
{margin: '35px','position': 'absolute',
|
||||||
width: '120px',
|
width: '120px',
|
||||||
height: '120px',}]" @click="app.playMediaItem(item)">
|
height: '120px',}]" @click="app.playMediaItem(item)">
|
||||||
<%- include("../svg/play.svg") %>
|
<%- include("../svg/play.svg") %>
|
||||||
|
@ -60,7 +60,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': '140px',
|
||||||
width: '40px', 'margin-left': '10px',
|
width: '40px', 'margin-left': '10px',
|
||||||
height: '40px',} :
|
height: '40px',} :
|
||||||
{display: 'none',margin: '35px',
|
{display: 'none',margin: '35px','position': 'absolute',
|
||||||
width: '120px',
|
width: '120px',
|
||||||
height: '120px',}]" @click="console.log('as');contextMenu()">
|
height: '120px',}]" @click="console.log('as');contextMenu()">
|
||||||
<%- include("../svg/more.svg") %>
|
<%- include("../svg/more.svg") %>
|
||||||
|
|
|
@ -52,10 +52,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': '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')) ? {'margin': '140px','position': 'absolute',
|
||||||
width: '40px',
|
width: '40px',
|
||||||
height: '40px',} :
|
height: '40px',} :
|
||||||
{margin: '35px',
|
{margin: '35px','position': 'absolute',
|
||||||
width: '120px',
|
width: '120px',
|
||||||
height: '120px',}]" @click="app.playMediaItem(item)">
|
height: '120px',}]" @click="app.playMediaItem(item)">
|
||||||
<%- include("../svg/play.svg") %>
|
<%- include("../svg/play.svg") %>
|
||||||
|
@ -66,7 +66,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': '140px',
|
||||||
width: '40px', 'margin-left': '10px',
|
width: '40px', 'margin-left': '10px',
|
||||||
height: '40px',} :
|
height: '40px',} :
|
||||||
{display: 'none',margin: '35px',
|
{display: 'none',margin: '35px','position': 'absolute',
|
||||||
width: '120px',
|
width: '120px',
|
||||||
height: '120px',}]" @click="clickContext()">
|
height: '120px',}]" @click="clickContext()">
|
||||||
<%- include("../svg/more.svg") %>
|
<%- include("../svg/more.svg") %>
|
||||||
|
|
|
@ -29,7 +29,14 @@
|
||||||
<h1>{{ data.attributes.name }}</h1>
|
<h1>{{ data.attributes.name }}</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="artist-more" @click="artistMenu"></button>
|
<button class="artist-more" @click="artistMenu">
|
||||||
|
<div style=" margin-top: -1px;
|
||||||
|
margin-left: -5px;
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;">
|
||||||
|
<%- include("../svg/more.svg") %>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="artist-body">
|
<div class="artist-body">
|
||||||
<div class="row well">
|
<div class="row well">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue