aarbit/prettyplayerfe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Makes album covers resize nicely with viewport

Browse Source
This commit is contained in:
aarbit 2024-06-02 23:59:33 -05:00
parent fba3c58a8f
commit c542b34932
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.css
View File

@ -1,17 +1,17 @@
#root { #root {
margin: 0 auto; margin: 0 auto;
padding: 2rem; padding: 0rem;
text-align: center; text-align: center;
} }
.photoContainer { .photoContainer {
width: 150px; width: clamp(5vmin, 15vmin, 25vmin);
height: 150px; height: clamp(5vmin, 15vmin, 25vmin);
} }
.photo { .photo {
width: 150px; width: clamp(5vmin, 15vmin, 25vmin);
height: 150px; height: clamp(5vmin, 15vmin, 25vmin);
} }
.photo:hover { .photo:hover {
@ -22,6 +22,8 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center;
justify-content: center;
} }
.player-position { .player-position {