Fix user profile nav page css

This commit is contained in:
Zhao-Linux 2022-10-15 22:26:00 +07:00
parent 0ee7de1b46
commit 7fafe394c5
2 changed files with 10 additions and 10 deletions

View file

@ -108,7 +108,6 @@ body {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
margin: 0 auto; margin: 0 auto;
max-width: 107em;
font-size: $base_font_size; font-size: $base_font_size;
line-height: 1.231; line-height: 1.231;
background: $background_light_gray; background: $background_light_gray;
@ -322,6 +321,7 @@ nav {
&:first-child { &:first-child {
a.active { a.active {
border-top: 1px solid $widget_black; border-top: 1px solid $widget_black;
background-color: darkcyan !important;
} }
} }
} }
@ -477,7 +477,6 @@ noscript #noscript {
#nav-placeholder { #nav-placeholder {
height: 47px; height: 47px;
max-width: 107em;
background: white; background: white;
border-right: 1px solid $border_gray; border-right: 1px solid $border_gray;
border-left: 1px solid $border_gray; border-left: 1px solid $border_gray;

View file

@ -7,12 +7,12 @@
.user-gravatar { .user-gravatar {
display: block; display: block;
padding-right: 15px; padding-right: 15px;
width: 135px; width: 145px;
} }
.user-gravatar img { .user-gravatar img {
width: 135px; width: 145px;
height: 135px; height: 145px;
display: block; display: block;
border-radius: 6px; border-radius: 6px;
} }
@ -62,10 +62,11 @@
.user-stat { .user-stat {
text-align: right; text-align: right;
font-weight: bold; font-weight: bold;
margin-right: 0.5em;
} }
.user-stat-container { .user-stat-container {
display: flex;
justify-content: space-between;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
@ -89,13 +90,13 @@
<div class="user-info-page"> <div class="user-info-page">
<div class="user-sidebar"> <div class="user-sidebar">
<div class="user-gravatar"> <div class="user-gravatar">
<img src="{{ gravatar(user, 135) }}" width="135px" height="135px"> <img src="{{ gravatar(user, 145) }}" width="145px" height="145px">
</div> </div>
<br> <br>
{% if request.user != user.user %} {% if request.user != user.user %}
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<button class="small {{ 'unfollow' if followed else 'follow' }}" style="width:135px"> <button class="small {{ 'unfollow' if followed else 'follow' }}" style="width:145px">
{% if followed %} {% if followed %}
<i class="fa fa-remove"></i> <i class="fa fa-remove"></i>
{{ _('Unfollow') }} {{ _('Unfollow') }}
@ -109,7 +110,7 @@
<br> <br>
<div> <div>
<form action="{{ url('all_user_submissions', user.user.username) }}"> <form action="{{ url('all_user_submissions', user.user.username) }}">
<input type="submit" value="{{ _('View submissions') }}" class="small" style="width:135px; padding-left: 1px; padding-right: 1px"> <input type="submit" value="{{ _('View submissions') }}" class="small" style="width:145px; padding-left: 1px; padding-right: 1px">
</form> </form>
</div> </div>
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
@ -118,7 +119,7 @@
<form action="{{ url('get_or_create_room') }}" method="POST"> <form action="{{ url('get_or_create_room') }}" method="POST">
{% csrf_token %} {% csrf_token %}
<input type="hidden" value="{{ chat_param(request.profile, user) }}" name="other"> <input type="hidden" value="{{ chat_param(request.profile, user) }}" name="other">
<input type="submit" value="{{ _('Send message') }}" style="width:135px" class="small btn-midnightblue"> <input type="submit" value="{{ _('Send message') }}" style="width:145px" class="small btn-midnightblue">
</form> </form>
</div> </div>
{% endif %} {% endif %}