0x01FE/My-Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

kind of fixed the sizing for the album covers

Browse Source
This commit is contained in:
0x01fe 2024-04-04 14:25:04 -05:00
parent 75260fac0e
commit 6a065df685
3 changed files with 2 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/app.py
View File

@ -177,7 +177,7 @@ def album_square(user_id, rows : int):
limit = rows ** 2 limit = rows ** 2
res = 100/(rows+2) res = (1080/(rows))-rows
# Get top albums # Get top albums
r = requests.get( r = requests.get(

12
app/static/albumsquare.css
View File

@ -1,23 +1,11 @@
.albums { .albums {
height: 100%; height: 100%;
height: fit-content;
align-self: flex-start;
border-style: var(--borders-style);
border-radius: var(--border-radius);
border-color: #1E2022;
background-color: var(--main-background);
/* Text Settings
font-weight: bold;
line-height: 30pt; */
line-height: 0; line-height: 0;
font-size: 0; font-size: 0;
} }
.albums img { .albums img {
height: 100px;
width: 100px;
padding: 0 0; padding: 0 0;
margin: 0 0; margin: 0 0;
border: 0 0; border: 0 0;

2
app/templates/album_square.html
View File

@ -9,7 +9,7 @@
<div class="albums"> <div class="albums">
{% for album in top_albums %} {% for album in top_albums %}
<a title="{{ album.album_name}} by {{ album.artist_name }} - {{ album.listen_time }} Hours"> <a title="{{ album.album_name}} by {{ album.artist_name }} - {{ album.listen_time }} Hours">
<img src="{{ album.album_cover }}" style="width: {{ res }}%; height: {{ res }}%;"> <img src="{{ album.album_cover }}" style="width: {{ res }}px; height: {{ res }}px;">
</a> </a>
{% if loop.index % limit == 0 %} {% if loop.index % limit == 0 %}
<br> <br>