rDrama
/
rDrama
9
10
Fork 8
Code Issues Pull Requests Packages Releases Wiki Activity

fix award modal on mobile

pull/38/head
Aevann1 2022-12-03 02:14:08 +02:00
parent f892b3f821
commit 8f065a2428
2 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
files/assets/css/main.css
View File

@ -5118,7 +5118,7 @@ img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
}
.awardmodal {
max-width: 80% !important;
max-width: 90% !important;
height: 100% !important;
margin: auto !important
}
@ -6419,3 +6419,19 @@ div.markdown {
.user-signature video {
height: var(--signature-max-height);
}
.award-name {
font-weight: bold;
font-size: 14px;
color:#E1E1E1;
}
.award-owned {
font-size: 14px;
}
@media (max-width: 768px) {
.award-name, .award-owned {
font-size: 11px;
}
}

8
files/templates/modals/award.html
View File

@ -14,15 +14,15 @@
{% for award in v.user_awards %}
<div data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{award.description}}" id="{{award.kind}}" class="card" onclick="pick('{{award.kind}}', {{award.price}}*{{v.discount}} <= {{v.marseybux}}, {{award.price}}*{{v.discount}} <= {{v.coins}})">
<i class="{{award.icon}} {{award.color}}"></i>
<div class="pt-2" style="font-weight: bold; font-size: 14px; color:#E1E1E1">{{award.title}}</div>
<div class="text-muted"><span id="{{award.kind}}-owned">{{award.owned}}</span> owned</div>
<div class="pt-2 award-name">{{award.title}}</div>
<div class="text-muted award-owned"><span id="{{award.kind}}-owned">{{award.owned}}</span> owned</div>
</div>
{% endfor %}
{% if v.user_awards|length % 2 %}
<div class="card disabled d-md-none" style="border:none">
<i class="fas fa-volume-mute" style="opacity:0"></i>
<div class="pt-2" style="font-weight: bold; font-size: 14px; color:#E1E1E1">&nbsp;</div>
<div class="text-muted">&nbsp;</div>
<div class="pt-2 award-name">&nbsp;</div>
<div class="text-muted award-owned">&nbsp;</div>
</div>
{% endif %}
</div>