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

style changes for home

Browse source
This commit is contained in:
booploops 2021-12-28 14:29:01 -08:00
parent b335edfbed
commit 155ed94551
2 changed files with 44 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/style.less
View file

@ -1540,7 +1540,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
.home-page { .home-page {
background: linear-gradient(0deg, black, #4c2c31); background: linear-gradient(180deg, #4c2c31 0%, #190e10 600px, #10090a);
top: 0; top: 0;
padding-top: var(--navbarHeight); padding-top: var(--navbarHeight);

83
src/renderer/views/pages/home.ejs
View file

@ -1,52 +1,55 @@
<script type="text/x-template" id="cider-home"> <script type="text/x-template" id="cider-home">
<div class="content-inner home-page"> <div class="content-inner home-page">
<div class="row"> <div class="bg-image"></div>
<div class="col"> <div>
<h3>Home</h3> <div class="row">
<div class="well profile-well"> <div class="col">
<div class="user-icon"> <h3>Home</h3>
<mediaitem-artwork shadow="none" :url="profile.attributes.artwork.url" size="300"></mediaitem-artwork> <div class="well profile-well">
<div class="user-icon">
<mediaitem-artwork shadow="none" :url="profile.attributes.artwork.url" size="300"></mediaitem-artwork>
</div>
<h3>{{ profile.attributes.name }}</h3>
<h4>@{{ profile.attributes.handle }}</h4>
<button class="md-btn">Share</button>
</div>
</div>
<div class="col">
<h3>Recently Played</h3>
<div class="well">
<mediaitem-list-item v-for="item in recentlyPlayed.limit(6)" :item="item"></mediaitem-list-item>
</div> </div>
<h3>{{ profile.attributes.name }}</h3>
<h4>@{{ profile.attributes.handle }}</h4>
<button class="md-btn">Share</button>
</div> </div>
</div> </div>
<div class="col"> <div class="row">
<h3>Recently Played</h3> <div class="col">
<div class="well"> <h3>Your Favorites</h3>
<mediaitem-list-item v-for="item in recentlyPlayed.limit(6)" :item="item"></mediaitem-list-item> <div class="well">
<div>Items you have added to your favorites will appear here.</div>
<!-- <mediaitem-scroller-horizontal kind="small" :items="friendsListeningTo" :item="item"></mediaitem-scroller-horizontal> -->
</div>
</div> </div>
</div> </div>
</div> <div class="row">
<div class="row"> <div class="col madeforyou-col">
<div class="col"> <h3>Made For You</h3>
<h3>Your Favorites</h3> <div class="well">
<div class="well"> <mediaitem-square kind="small" v-for="item in madeForYou" :item="item"></mediaitem-square>
<div>Items you have added to your favorites will appear here.</div> </div>
<!-- <mediaitem-scroller-horizontal kind="small" :items="friendsListeningTo" :item="item"></mediaitem-scroller-horizontal> --> </div>
<div class="col">
<h3>Your Artist Feed</h3>
<div class="well">
<mediaitem-list-item v-for="item in recentlyPlayed.limit(6)" :item="item"></mediaitem-list-item>
</div>
</div> </div>
</div> </div>
</div> <div class="row">
<div class="row"> <div class="col">
<div class="col madeforyou-col"> <h3>Friends Listening To</h3>
<h3>Made For You</h3> <div class="well">
<div class="well"> <mediaitem-square kind="small" v-for="item in friendsListeningTo" :item="item"></mediaitem-square>
<mediaitem-square kind="small" v-for="item in madeForYou" :item="item"></mediaitem-square> </div>
</div>
</div>
<div class="col">
<h3>Your Artist Feed</h3>
<div class="well">
<mediaitem-list-item v-for="item in recentlyPlayed.limit(6)" :item="item"></mediaitem-list-item>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h3>Friends Listening To</h3>
<div class="well">
<mediaitem-square kind="small" v-for="item in friendsListeningTo" :item="item"></mediaitem-square>
</div> </div>
</div> </div>
</div> </div>