cosmetic change to popover pfp

remotes/1693045480750635534/spooky-22
Aevann1 2022-09-06 09:03:14 +02:00
parent d930141dc5
commit 480c38ba44
4 changed files with 14 additions and 27 deletions

View File

@ -3399,7 +3399,7 @@ small, .small {
.profile-pic-35-wrapper,
.profile-pic-50-wrapper,
.profile-pic-65-wrapper,
.profile-pic-72-wrapper,
.profile-pic-75-wrapper,
.profile-pic-100-wrapper {
display: inline-block;
position: relative;
@ -3411,7 +3411,7 @@ small, .small {
.profile-pic-35-hat,
.profile-pic-50-hat,
.profile-pic-65-hat,
.profile-pic-72-hat,
.profile-pic-75-hat,
.profile-pic-100-hat {
position: absolute;
left: 0;
@ -3423,14 +3423,14 @@ small, .small {
.profile-pic-35-wrapper { width: 35px; height: 35px; }
.profile-pic-50-wrapper { width: 50px; height: 50px; }
.profile-pic-65-wrapper { width: 65px; height: 65px; }
.profile-pic-72-wrapper { width: 72px; height: 72px; }
.profile-pic-75-wrapper { width: 72px; height: 72px; }
.profile-pic-100-wrapper { width: 100px; height: 100px; }
.profile-pic-20-hat { width: 20px; }
.profile-pic-30-hat { width: 30px; }
.profile-pic-35-hat { width: 35px; }
.profile-pic-50-hat { width: 50px; }
.profile-pic-65-hat { width: 65px; }
.profile-pic-72-hat { width: 72px; }
.profile-pic-75-hat { width: 72px; }
.profile-pic-100-hat { width: 100px; }
.profile--pfp--hat {
@ -5160,12 +5160,6 @@ html {
margin-top: -1.75rem !important;
}
.profile-pic-72 {
width: 72px;
height: 72px;
object-fit: cover;
}
.h-64 {
height: 64px;
}
@ -6270,3 +6264,6 @@ div.markdown {
display: None !important;
}
}
.table th, .table td {
vertical-align: middle;
}

View File

@ -17,16 +17,6 @@
{% endblock %}
{% block content %}
<style>
.table th, .table td {
vertical-align: middle;
}
.profile-pic-72 {
border-radius: 50%;
text-align: center;
object-fit: cover;
}
</style>
<script>
function equip_hat(t, hat_id, hat_name) {
const profile_pic_hat = document.getElementById("profile-pic-35-hat");
@ -70,9 +60,9 @@
{% for hat, user in hats %}
<tr>
<td>
<div class="profile-pic-72-wrapper mt-4">
<img loading="lazy" alt="avatar" src="{{v.profile_url}}" class="profile-pic-72">
<img loading="lazy" alt="{{hat.name}}" class="profile-pic-72-hat" src="/i/hats/{{hat.name}}.webp?v=3">
<div class="profile-pic-75-wrapper mt-4">
<img loading="lazy" alt="avatar" src="{{v.profile_url}}" class="profile-pic-75">
<img loading="lazy" alt="{{hat.name}}" class="profile-pic-75-hat" src="/i/hats/{{hat.name}}.webp?v=3">
</div>
</td>
<td>{{hat.name}}</td>

View File

@ -2,9 +2,9 @@
<div class="popover-user-profile" role="tooltip">
<img loading="lazy" class="pop-banner w-100 h-64 object-cover">
<div class="d-flex align-items-end px-3 mt-n6 mb-3">
<div class="profile-pic-72-wrapper">
<img loading="lazy" class="pop-picture profile-pic-72 rounded img-thumbnail shadow-sm">
<img class="pop-hat profile-pic-72-hat hat" loading="lazy">
<div class="profile-pic-75-wrapper">
<img loading="lazy" class="pop-picture profile-pic-75 rounded img-thumbnail shadow-sm">
<img class="pop-hat profile-pic-75-hat hat" loading="lazy">
</div>
<div class="px-3 text-truncate">
<h5 class="pop-username text-truncate text-black"></h5>

View File

@ -1,6 +1,6 @@
{%-
set CACHE_VER = {
'css/main.css': 4007,
'css/main.css': 4008,
'css/catalog.css': 4000,
'css/4chan.css': 4000,
'css/classic.css': 4000,