alvin/novatorem
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/novatorem.git synced 2026-03-06 11:07:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improved preview

Browse Source
This commit is contained in:
novatorem
2020-08-23 13:23:00 -04:00
parent 7ab94f68cc
commit e5ff03f4f5
2 changed files with 8 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
api/templates/preview.html
View File

@@ -6,8 +6,8 @@
.main { .main {
display: flex; display: flex;
width: "480px"; width: 480px;
height: "133px"; height: 133px;
} }
.container { .container {
@@ -15,19 +15,6 @@
padding: 10px 10px 10px 0px; padding: 10px 10px 10px 0px;
} }
.playing {
font-weight: bold;
color: #53b14f;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.not-play {
color: #ff1616;
}
.art { .art {
float: left; float: left;
width: 27%; width: 27%;
@@ -55,11 +42,6 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
.logo {
margin-left: 5px;
margin-top: 5px;
}
.cover { .cover {
border-radius: 5px; border-radius: 5px;
height: 100px; height: 100px;
@@ -106,9 +88,7 @@
<div class="text"> <div class="text">
<div class="song">Song</div> <div class="song">Song</div>
<div class="artist">Arist</div> <div class="artist">Arist</div>
<div id="bars"> <div id="bars">Bars</div>
{{content_bar|safe}}
</div>
</div> </div>
</div> </div>

21
api/templates/spotify.html.j2
View File

@@ -15,26 +15,13 @@
padding: 10px 10px 10px 0px; padding: 10px 10px 10px 0px;
} }
.playing {
font-weight: bold;
color: #53b14f;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.not-play {
color: #ff1616;
}
.art { .art {
float: left; float: left;
width: 27%; width: 27%;
margin-left: -5px; margin-left: -5px;
} }
.text { .content {
width: 71%; width: 71%;
} }
@@ -101,12 +88,10 @@
</center> </center>
</a> </a>
<div class="text"> <div class="content">
<div class="song">{{songName}}</div> <div class="song">{{songName}}</div>
<div class="artist">{{artistName}}</div> <div class="artist">{{artistName}}</div>
<div id="bars"> <div id="bars">{{contentBar|safe}}</div>
{{contentBar|safe}}
</div>
</div> </div>
</div> </div>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB