Update chat UI(#84)

This commit is contained in:
Phuoc Anh Kha Le 2023-09-25 02:12:06 -05:00 committed by GitHub
parent db37cb4c40
commit b417c08bfe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 124 additions and 89 deletions

View file

@ -1,11 +1,18 @@
<div onclick="hide_right_panel()" class="back-button">
<i class="fa fa-arrow-left"></i>
</div>
{% if other_user %}
<div class="status-container" style="height: 100%">
<div class="status-container" style="height: 3em; width: 3em;">
<img src="{{ gravatar(other_user, 135) }}" class="info-pic">
<svg style="position:absolute; height:100%; width: 100%; transform: rotate(180deg);" >
<circle class="info-circle"
fill="{{'green' if other_online else 'red'}}"/>
</svg>
</div>
{% else %}
<div class="status-container" style="height: 3em;">
<img src="{{ static('icons/logo.png') }}" class="info-pic" style="border-radius: 0px;">
</div>
{% endif %}
<span class="info-name username">
{% if other_user %}
@ -21,9 +28,9 @@
{% if other_user %}
<span style="margin-right: 0.3em" id="setting">
<button class="control-button small" style="height:100%;" id="setting-button">
<div class="control-button small" style="" id="setting-button">
<i class="fa fa-ellipsis-h"></i>
</button>
</div>
<div id="setting-content">
<li>
<a href="{{url('toggle_ignore', other_user.id)}}" class=" {{'green' if is_ignored else 'red'}}">