Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 512ba98500 | |||
| fc1734d326 | |||
| 269decb110 |
@@ -105,11 +105,11 @@ header {
|
||||
.song {
|
||||
background-color: var(--color-choriosity-red--light);
|
||||
background-color: var(--color-white-100);
|
||||
/*border: 1px solid var(--color-choriosity-red);*/
|
||||
border: 1px solid var(--color-choriosity-red);
|
||||
border: 1px solid hsl(calc(var(--hue) * 360), 100%, 40%);
|
||||
box-shadow: 4px 4px 8px var(--color-white-90);
|
||||
padding: 0.4em;
|
||||
border-radius: 0.5em;
|
||||
border-radius: 0.3em;
|
||||
width: 30em;
|
||||
margin-bottom: 1rem;
|
||||
margin-left: 0.5em;
|
||||
@@ -118,25 +118,30 @@ header {
|
||||
|
||||
.cover-container {
|
||||
position: relative;
|
||||
width: 10.67em;
|
||||
width: 11.91em;
|
||||
height: 6.7em;
|
||||
float: left;
|
||||
margin-right: 1em;
|
||||
text-align: center;
|
||||
background-color: white;
|
||||
/*background-color: white;*/
|
||||
display: flex;
|
||||
/*align-items: center;*/
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.cover {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
/*display: block;*/
|
||||
object-fit: contain;
|
||||
/*max-width: 100%;
|
||||
max-height: 100%;
|
||||
scale: 2;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
top: 75%;
|
||||
left: 75%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);*/
|
||||
transition: .3s ease;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
|
||||
@@ -197,7 +197,7 @@
|
||||
<div class="categories" id="container">{% for category_name, is_in_category in song.categories.items() %}{%
|
||||
if is_in_category %}<span style="--hue: {{ all_categories[category_name] / all_categories|length }};">{{
|
||||
category_name }}</span>{%
|
||||
endif %}{% endfor %}<span style="--main-color: transparent;"> </span>
|
||||
endif %}{% endfor %}<span style="--main-color: transparent; --hue: transparent;"> </span>
|
||||
</div>
|
||||
<div class="vote-buttons">
|
||||
<div class="button button-no {% if (song.vote == -1) or (not song.vote and not song.singable) %}selected{% endif %}"
|
||||
|
||||
Reference in New Issue
Block a user