OpenSourceArk
/
vas3k.club
mirror of https://github.com/vas3k/vas3k.club.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: fckng Safari has a bug with aspect-ratio property

This commit is contained in:
vas3k 2024-05-07 10:26:26 +02:00
parent 3d41649bf6
commit 5190978a52
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/static/css/components/profile.css
View File

@ -37,15 +37,20 @@
.profile-user-avatar {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
padding-top: 100%; /* 1:1 Aspect Ratio (Safari doesn't support an actual property) */
margin: 0 auto;
position: relative;
}
.profile-user-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.profile-user-avatar img {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.profile-user-name {
display: block;