Update NavBar and Theme

This commit is contained in:
Le Van Duc 2023-09-20 06:45:05 +07:00
parent 3ac0a7c5d4
commit 88ea37adc7
3 changed files with 30 additions and 66 deletions

View file

@ -966,20 +966,18 @@ input::placeholder{
text-align: center;
}
#fa-icon-links:hover,
#fa-icon-links:active,
#fa-icon-links:hover #fa-icon,
#fa-icon-links:active #fa-icon {
color: $theme_color;
}
#fa-icon {
.nav-fa-icon {
i {
margin-right: 0.1em;
color: #000;
font-size: 22.5px;
}
#fa-icon-active {
margin-right: 0.1em;
}
.nav-fa-icon-active {
i {
color: $theme_color;
font-size: 22.5px;
margin-right: 0.1em;
}
}

BIN
resources/icons/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 782 KiB

View file

@ -217,48 +217,15 @@
<li class="home-nav-element"><span class="nav-divider"></span></li>
<li class="home-menu-item"><a href="{{ url('home') }}" class="nav-home">{{ _('Home') }}</a></li>
{% for node in mptt_tree(nav_bar) recursive %}
{% if node.key != "chat" %}
<li>
<a href="{{ node.path }}" id="fa-icon-links" class="normal-text nav-{{ node.key }}{% if node.key in nav_tab %} active{% endif %}" style="font-size: smaller; margin-right: 1.5em; text-align: left;">
{% if node.key == "problems" %}
{% if node.key not in nav_tab %}
<i id="fa-icon" class="fa fa-pencil"></i>
{% else %}
<i id="fa-icon-active" class="fa fa-pencil"></i>
{% endif %}
{% endif %}
{% if node.key == "submit" %}
{% if node.key not in nav_tab %}
<i id="fa-icon" class="fa fa-neuter"></i>
{% else %}
<i id="fa-icon-active" class="fa fa-neuter"></i>
{% endif %}
{% endif %}
{% if node.key == "user" %}
{% if node.key not in nav_tab %}
<i id="fa-icon" class="fa fa-user"></i>
{% else %}
<i id="fa-icon-active" class="fa fa-user"></i>
{% endif %}
{% endif %}
{% if node.key == "contest" %}
{% if node.key not in nav_tab %}
<i id="fa-icon" class="fa fa-graduation-cap"></i>
{% else %}
<i id="fa-icon-active" class="fa fa-graduation-cap"></i>
{% endif %}
{% endif %}
{% if node.key == "about" %}
{% if node.key not in nav_tab %}
<i id="fa-icon" class="fa fa-group"></i>
{% else %}
<i id="fa-icon-active" class="fa fa-group"></i>
{% endif %}
{% endif %}
<span class="nav-fa-icon{{'-active' if node.key in nav_tab else''}}">
{% if node.key == "problems" %} <i class="fa fa-pencil"></i> {% endif %}
{% if node.key == "submit" %} <i class="fa fa-neuter"></i> {% endif %}
{% if node.key == "user" %} <i class="fa fa-user"></i> {% endif %}
{% if node.key == "contest" %} <i class="fa fa-graduation-cap"></i> {% endif %}
{% if node.key == "about" %} <i class="fa fa-group"></i> {% endif %}
</span>
{{ user_trans(node.label) }}
{% if not node.is_leaf_node %}
<div href="javascript:void(0)" class="nav-expand">></div>
@ -268,7 +235,6 @@
{% if children %}<ul>{{ loop(children) }}</ul>{% endif %}
{% endwith %}
</li>
{% endif %}
{% endfor %}
</ul>