alvin/novatorem
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/novatorem.git synced 2026-03-06 02:57:12 +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

28
api/templates/preview.html
View File

@@ -6,28 +6,15 @@
.main { .main {
display: flex; display: flex;
width: "480px"; width: 480px;
height: "133px"; height: 133px;
} }
.container { .container {
border-radius: 5px; border-radius: 5px;
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>

23
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%;
} }
@@ -97,16 +84,14 @@
<div class="main"> <div class="main">
<a class="art" href="{}" target="_BLANK"> <a class="art" href="{}" target="_BLANK">
<center> <center>
<img src="data:image/png;base64, {{image}}" class="cover" /> <img src="data:image/png;base64, {{image}}" class="cover" />
</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