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

WIP search page

Browse source
This commit is contained in:
booploops 2022-02-09 17:19:43 -08:00
parent 7f852a4981
commit fd1549cfd3
2 changed files with 6 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/style.less
View file

@ -4271,7 +4271,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
/* mediaitem-square */ /* mediaitem-square */
.cd-mediaitem-square { .cd-mediaitem-square {
width: 220px; width: 220px;
height: 260px; height: 238px;
display: inline-flex; display: inline-flex;
flex: 0 0 auto; flex: 0 0 auto;
flex-direction: column; flex-direction: column;

15
src/renderer/views/pages/search.ejs
View file

@ -1,13 +1,10 @@
<script type="text/x-template" id="cider-search"> <script type="text/x-template" id="cider-search">
<div class="content-inner"> <div class="content-inner">
<div v-if="search != null && search != [] && search.term != ''"> <div v-if="search != null && search != [] && search.term != ''">
<div class="row">
<div class="col-sm" style="width: auto;" v-if="getTopResult()">
<template>
<h3>{{app.getLz('term.topResult')}}</h3> <h3>{{app.getLz('term.topResult')}}</h3>
<mediaitem-square :item="getTopResult()"></mediaitem-square> <mediaitem-scroller-horizontal
</template> :items="search.results[search.results.meta.results.order[0]]['data']"></mediaitem-scroller-horizontal>
</div> <div class="row">
<div v-else style="text-align: center"> <div v-else style="text-align: center">
<h3>{{app.getLz('error.noResults')}}</h3> <h3>{{app.getLz('error.noResults')}}</h3>
<p>{{app.getLz('error.noResults.description')}}</p> <p>{{app.getLz('error.noResults.description')}}</p>
@ -24,10 +21,8 @@
</div> </div>
</div> </div>
<div class="mediaitem-list-item__grid"> <div class="mediaitem-list-item__grid">
<div class="grid-body"> <listitem-horizontal :items="search.results.song.data.limit(12)">
<mediaitem-list-item :item="item" :index="index" </listitem-horizontal>
v-for="(item, index) in search.results.song.data.limit(12)"></mediaitem-list-item>
</div>
</div> </div>
</div> </div>
</div> </div>