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

style changes to podcast page

Browse source
This commit is contained in:
booploops 2022-01-21 05:30:17 -08:00
parent 2f3e477ce5
commit 63c9e951ae
2 changed files with 47 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/renderer/views/pages/podcasts.ejs
View file

@ -63,7 +63,9 @@
</div>
<transition name="wpfade">
<div class="podcasts-details" v-if="selected.id != -1">
<button class="close-btn" @click="selected.id = -1"></button>
<div class="podcasts-details-header">
<button class="close-btn" @click="selected.id = -1"></button>
</div>
<div class="podcast-artwork">
<mediaitem-artwork shadow="large" :url="selected.attributes.artwork.url" size="300"></mediaitem-artwork>
</div>
@ -78,10 +80,10 @@
<div class="well podcast-description" v-if="selected.attributes.description.standard">{{ selected.attributes.description.standard }}</div>
<div class="row">
<div class="col">
<button class="md-btn md-btn-block" @click="openUrl(selected.attributes.websiteUrl)">Podcast Website</button>
<button class="md-btn md-btn-block meta-btn" @click="openUrl(selected.attributes.websiteUrl)">Podcast Website</button>
</div>
<div class="col">
<button class="md-btn md-btn-block">Share</button>
<button class="md-btn md-btn-block meta-btn">Share</button>
</div>
</div>
</div>
@ -90,7 +92,7 @@
</div>
</script>
<script type="text/x-template" id="podcast-tab">
<div class="cd-mediaitem-list-item" :class="{'mediaitem-selected': isselected}">
<div class="cd-mediaitem-list-item list-flat" :class="{'mediaitem-selected': isselected}">
<div class="artwork">
<mediaitem-artwork
:url="item.attributes.artwork.url"
@ -105,7 +107,7 @@
</div>
</script>
<script type="text/x-template" id="podcast-episode">
<div class="cd-mediaitem-list-item" :class="{'mediaitem-selected': isselected}">
<div class="cd-mediaitem-list-item list-flat" :class="{'mediaitem-selected': isselected}">
<div class="info-rect" :style="{'padding-left':'16px'}">
<div class="title text-overflow-elipsis">
{{ item.attributes.name }}