From fd1549cfd3e18c265fe5d5f98c3e7fbe63ea64a7 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Wed, 9 Feb 2022 17:19:43 -0800
Subject: [PATCH] WIP search page

---
 src/renderer/style.less             |  2 +-
 src/renderer/views/pages/search.ejs | 15 +++++----------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index 38b8251b..7d7da12d 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -4271,7 +4271,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 /* mediaitem-square */
 .cd-mediaitem-square {
   width: 220px;
-  height: 260px;
+  height: 238px;
   display: inline-flex;
   flex: 0 0 auto;
   flex-direction: column;
diff --git a/src/renderer/views/pages/search.ejs b/src/renderer/views/pages/search.ejs
index 70ed1e74..542ca659 100644
--- a/src/renderer/views/pages/search.ejs
+++ b/src/renderer/views/pages/search.ejs
@@ -1,13 +1,10 @@
 <script type="text/x-template" id="cider-search">
     <div class="content-inner">
         <div v-if="search != null && search != [] && search.term != ''">
+            <h3>{{app.getLz('term.topResult')}}</h3>
+            <mediaitem-scroller-horizontal
+                                :items="search.results[search.results.meta.results.order[0]]['data']"></mediaitem-scroller-horizontal>
             <div class="row">
-                <div class="col-sm" style="width: auto;" v-if="getTopResult()">
-                    <template>
-                        <h3>{{app.getLz('term.topResult')}}</h3>
-                        <mediaitem-square :item="getTopResult()"></mediaitem-square>
-                    </template>
-                </div>
                 <div v-else style="text-align: center">
                     <h3>{{app.getLz('error.noResults')}}</h3>
                     <p>{{app.getLz('error.noResults.description')}}</p>
@@ -24,10 +21,8 @@
                         </div>
                     </div>
                     <div class="mediaitem-list-item__grid">
-                        <div class="grid-body">
-                        <mediaitem-list-item :item="item" :index="index"
-                            v-for="(item, index) in search.results.song.data.limit(12)"></mediaitem-list-item>
-                        </div>
+                        <listitem-horizontal :items="search.results.song.data.limit(12)">
+                        </listitem-horizontal>
                     </div>
                 </div>
             </div>