forked from rDrama/rDrama
fix award modal on mobile
parent
f892b3f821
commit
8f065a2428
|
@ -5118,7 +5118,7 @@ img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
|
||||||
}
|
}
|
||||||
|
|
||||||
.awardmodal {
|
.awardmodal {
|
||||||
max-width: 80% !important;
|
max-width: 90% !important;
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
margin: auto !important
|
margin: auto !important
|
||||||
}
|
}
|
||||||
|
@ -6419,3 +6419,19 @@ div.markdown {
|
||||||
.user-signature video {
|
.user-signature video {
|
||||||
height: var(--signature-max-height);
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -14,15 +14,15 @@
|
||||||
{% for award in v.user_awards %}
|
{% 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}})">
|
<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>
|
<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="pt-2 award-name">{{award.title}}</div>
|
||||||
<div class="text-muted"><span id="{{award.kind}}-owned">{{award.owned}}</span> owned</div>
|
<div class="text-muted award-owned"><span id="{{award.kind}}-owned">{{award.owned}}</span> owned</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% if v.user_awards|length % 2 %}
|
{% if v.user_awards|length % 2 %}
|
||||||
<div class="card disabled d-md-none" style="border:none">
|
<div class="card disabled d-md-none" style="border:none">
|
||||||
<i class="fas fa-volume-mute" style="opacity:0"></i>
|
<i class="fas fa-volume-mute" style="opacity:0"></i>
|
||||||
<div class="pt-2" style="font-weight: bold; font-size: 14px; color:#E1E1E1"> </div>
|
<div class="pt-2 award-name"> </div>
|
||||||
<div class="text-muted"> </div>
|
<div class="text-muted award-owned"> </div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue