[Bugfix] missing base profile border style

Added profile pic component in supersponsor page
This commit is contained in:
Andrea 2024-01-04 14:09:06 +01:00
parent e65a37826c
commit 32e78319fc
3 changed files with 12 additions and 11 deletions

View File

@ -28,7 +28,6 @@ svg.propic-border-filter {
width:calc(100% - 4mm); width:calc(100% - 4mm);
border-radius:0.4em; border-radius:0.4em;
margin:2mm; margin:2mm;
border:4px solid #546e7a00;
z-index: 2; z-index: 2;
} }
@ -91,4 +90,8 @@ svg.propic-border-filter {
.propic-normal { .propic-normal {
border:4px solid #8e24aa; border:4px solid #8e24aa;
}
.propic-base {
border:4px solid #546e7a;
} }

View File

@ -8,8 +8,8 @@
</div> </div>
{% endif %} {% endif %}
<img alt="Your own profile picture" src="{{imgSrc}}" class="absolute propic {{(('propic-' + order.sponsorship) if not effects else '') if order.sponsorship else 'propic-base'}}"/> <img alt="Your own profile picture" src="{{imgSrc}}" class="absolute propic {{(('propic-' + order.sponsorship) if not effects else '') if order.sponsorship else 'propic-base'}}"/>
<img alt="Your own profile picture" src="{{imgSrc}}" class="propic-filler {{(('propic-' + order.sponsorship) if not effects else '')}}"/> <img alt="Your own profile picture" src="{{imgSrc}}" class="propic-filler {{(('propic-' + order.sponsorship) if not effects else '') if order.sponsorship else 'propic-base'}}"/>
{% if flag %} {% if flag %}
<img alt="A country flag" class="absolute propic-flag" src="/res/flags/{{order.country.lower()}}.svg"/> <img alt="flag" class="absolute propic-flag" src="/res/flags/{{order.country.lower()}}.svg"/>
{% endif %} {% endif %}
</div> </div>

View File

@ -17,10 +17,9 @@
<div class="grid people" style="padding-bottom:1em;"> <div class="grid people" style="padding-bottom:1em;">
{% endif %} {% endif %}
<div style="margin-bottom: 1em;"> <div style="margin-bottom: 1em;">
<div class="propic-container"> {% with order=person, imgSrc='/res/propic/' + (person.ans('propic') or 'default.png'), effects = true, flag = true %}
<img class="propic propic-{{person.sponsorship}}" src="/res/propic/{{person.ans('propic_fursuiter') or 'default.png'}}" /> {% include 'blocks/propic.html' %}
<img class="propic-flag" src="/res/flags/{{person.country.lower()}}.svg" /> {% endwith %}
</div>
<h5>{{person.ans('fursona_name')}}</h5> <h5>{{person.ans('fursona_name')}}</h5>
</div> </div>
{% if loop.last %}</div>{% endif %} {% if loop.last %}</div>{% endif %}
@ -33,10 +32,9 @@
<div class="grid people" style="padding-bottom:1em;"> <div class="grid people" style="padding-bottom:1em;">
{% endif %} {% endif %}
<div style="margin-bottom: 1em;"> <div style="margin-bottom: 1em;">
<div class="propic-container"> {% with order=person, imgSrc='/res/propic/' + (person.ans('propic') or 'default.png'), effects = true, flag = true %}
<img class="propic propic-{{person.sponsorship}}" src="/res/propic/{{person.ans('propic_fursuiter') or 'default.png'}}" /> {% include 'blocks/propic.html' %}
<img class="propic-flag" src="/res/flags/{{person.country.lower()}}.svg" /> {% endwith %}
</div>
<h5>{{person.ans('fursona_name')}}</h5> <h5>{{person.ans('fursona_name')}}</h5>
</div> </div>
{% if loop.last %}</div>{% endif %} {% if loop.last %}</div>{% endif %}