Standardize user image + minor bugs

This commit is contained in:
cuom1999 2024-04-12 01:51:57 -05:00
parent 5147980d43
commit 208a4e4ef7
23 changed files with 608 additions and 540 deletions

View file

@ -66,7 +66,6 @@
.profile-pic {
height: 2.6em;
width: 2.6em;
border-radius: 50%;
margin-top: 0.1em;
float: left;
}

View file

@ -1,6 +1,6 @@
<li class="message" id="message-{{ message.id }}" message-id="{{ message.id }}">
<a href="{{ url('user_page', message.author.username) }}">
<img src="{{ gravatar(message.author, 135) }}" class="profile-pic">
<img src="{{ gravatar(message.author, 135) }}" class="profile-pic user-img">
</a>
<div class="body-message">
<div class="user-time">

View file

@ -1,6 +1,6 @@
<li class="status-row" id="lobby_row">
<div class="status-container">
<img src="{{ static('icons/logo.svg') }}" style="height:1.3em">
<img src="{{ static('icons/icon.svg') }}" style="height:32px">
</div>
<span style="padding-left:0.5em">
<b>{{_('Lobby')}}</b>
@ -23,7 +23,7 @@
{% for user in section.user_list %}
<li class="click_space status-row" id="click_space_{{user.user.id}}" value="{{user.url}}">
<div class="status-container">
<img src="{{ gravatar(user.user, 135) }}" class="status-pic">
<img src="{{ gravatar(user.user, 135) }}" class="status-pic user-img">
<svg style="position:absolute;" height="32" width="32">
<circle class="status-circle" fill="{{'green' if user.is_online else 'red'}}"/>
</svg>

View file

@ -3,7 +3,7 @@
</div>
{% if other_user %}
<div class="status-container" style="height: 3em; width: 3em;">
<img src="{{ gravatar(other_user, 135) }}" class="info-pic">
<img src="{{ gravatar(other_user, 135) }}" class="info-pic user-img">
<svg style="position:absolute; height:100%; width: 100%; transform: rotate(180deg);" >
<circle class="info-circle"
fill="{{'green' if other_online else 'red'}}"/>
@ -11,7 +11,7 @@
</div>
{% else %}
<div class="status-container" style="height: 3em;">
<img src="{{ static('icons/logo.svg') }}" class="info-pic" style="border-radius: 0px;">
<img src="{{ static('icons/icon.svg') }}" class="info-pic" style="border-radius: 0px;">
</div>
{% endif %}
<span class="info-name username">