forked from rDrama/rDrama
cosmetic change to popover pfp
parent
d930141dc5
commit
480c38ba44
|
@ -3399,7 +3399,7 @@ small, .small {
|
||||||
.profile-pic-35-wrapper,
|
.profile-pic-35-wrapper,
|
||||||
.profile-pic-50-wrapper,
|
.profile-pic-50-wrapper,
|
||||||
.profile-pic-65-wrapper,
|
.profile-pic-65-wrapper,
|
||||||
.profile-pic-72-wrapper,
|
.profile-pic-75-wrapper,
|
||||||
.profile-pic-100-wrapper {
|
.profile-pic-100-wrapper {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -3411,7 +3411,7 @@ small, .small {
|
||||||
.profile-pic-35-hat,
|
.profile-pic-35-hat,
|
||||||
.profile-pic-50-hat,
|
.profile-pic-50-hat,
|
||||||
.profile-pic-65-hat,
|
.profile-pic-65-hat,
|
||||||
.profile-pic-72-hat,
|
.profile-pic-75-hat,
|
||||||
.profile-pic-100-hat {
|
.profile-pic-100-hat {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -3423,14 +3423,14 @@ small, .small {
|
||||||
.profile-pic-35-wrapper { width: 35px; height: 35px; }
|
.profile-pic-35-wrapper { width: 35px; height: 35px; }
|
||||||
.profile-pic-50-wrapper { width: 50px; height: 50px; }
|
.profile-pic-50-wrapper { width: 50px; height: 50px; }
|
||||||
.profile-pic-65-wrapper { width: 65px; height: 65px; }
|
.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-100-wrapper { width: 100px; height: 100px; }
|
||||||
.profile-pic-20-hat { width: 20px; }
|
.profile-pic-20-hat { width: 20px; }
|
||||||
.profile-pic-30-hat { width: 30px; }
|
.profile-pic-30-hat { width: 30px; }
|
||||||
.profile-pic-35-hat { width: 35px; }
|
.profile-pic-35-hat { width: 35px; }
|
||||||
.profile-pic-50-hat { width: 50px; }
|
.profile-pic-50-hat { width: 50px; }
|
||||||
.profile-pic-65-hat { width: 65px; }
|
.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-pic-100-hat { width: 100px; }
|
||||||
|
|
||||||
.profile--pfp--hat {
|
.profile--pfp--hat {
|
||||||
|
@ -5160,12 +5160,6 @@ html {
|
||||||
margin-top: -1.75rem !important;
|
margin-top: -1.75rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-pic-72 {
|
|
||||||
width: 72px;
|
|
||||||
height: 72px;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.h-64 {
|
.h-64 {
|
||||||
height: 64px;
|
height: 64px;
|
||||||
}
|
}
|
||||||
|
@ -6270,3 +6264,6 @@ div.markdown {
|
||||||
display: None !important;
|
display: None !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.table th, .table td {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
|
@ -17,16 +17,6 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<style>
|
|
||||||
.table th, .table td {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.profile-pic-72 {
|
|
||||||
border-radius: 50%;
|
|
||||||
text-align: center;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script>
|
<script>
|
||||||
function equip_hat(t, hat_id, hat_name) {
|
function equip_hat(t, hat_id, hat_name) {
|
||||||
const profile_pic_hat = document.getElementById("profile-pic-35-hat");
|
const profile_pic_hat = document.getElementById("profile-pic-35-hat");
|
||||||
|
@ -70,9 +60,9 @@
|
||||||
{% for hat, user in hats %}
|
{% for hat, user in hats %}
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<div class="profile-pic-72-wrapper mt-4">
|
<div class="profile-pic-75-wrapper mt-4">
|
||||||
<img loading="lazy" alt="avatar" src="{{v.profile_url}}" class="profile-pic-72">
|
<img loading="lazy" alt="avatar" src="{{v.profile_url}}" class="profile-pic-75">
|
||||||
<img loading="lazy" alt="{{hat.name}}" class="profile-pic-72-hat" src="/i/hats/{{hat.name}}.webp?v=3">
|
<img loading="lazy" alt="{{hat.name}}" class="profile-pic-75-hat" src="/i/hats/{{hat.name}}.webp?v=3">
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td>{{hat.name}}</td>
|
<td>{{hat.name}}</td>
|
||||||
|
|
|
@ -2,9 +2,9 @@
|
||||||
<div class="popover-user-profile" role="tooltip">
|
<div class="popover-user-profile" role="tooltip">
|
||||||
<img loading="lazy" class="pop-banner w-100 h-64 object-cover">
|
<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="d-flex align-items-end px-3 mt-n6 mb-3">
|
||||||
<div class="profile-pic-72-wrapper">
|
<div class="profile-pic-75-wrapper">
|
||||||
<img loading="lazy" class="pop-picture profile-pic-72 rounded img-thumbnail shadow-sm">
|
<img loading="lazy" class="pop-picture profile-pic-75 rounded img-thumbnail shadow-sm">
|
||||||
<img class="pop-hat profile-pic-72-hat hat" loading="lazy">
|
<img class="pop-hat profile-pic-75-hat hat" loading="lazy">
|
||||||
</div>
|
</div>
|
||||||
<div class="px-3 text-truncate">
|
<div class="px-3 text-truncate">
|
||||||
<h5 class="pop-username text-truncate text-black"></h5>
|
<h5 class="pop-username text-truncate text-black"></h5>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{%-
|
{%-
|
||||||
set CACHE_VER = {
|
set CACHE_VER = {
|
||||||
'css/main.css': 4007,
|
'css/main.css': 4008,
|
||||||
'css/catalog.css': 4000,
|
'css/catalog.css': 4000,
|
||||||
'css/4chan.css': 4000,
|
'css/4chan.css': 4000,
|
||||||
'css/classic.css': 4000,
|
'css/classic.css': 4000,
|
||||||
|
|
Loading…
Reference in New Issue