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; text-align: center;
} }
#fa-icon-links:hover, .nav-fa-icon {
#fa-icon-links:active, i {
#fa-icon-links:hover #fa-icon, margin-right: 0.1em;
#fa-icon-links:active #fa-icon { color: #000;
color: $theme_color; font-size: 22.5px;
}
} }
#fa-icon { .nav-fa-icon-active {
margin-right: 0.1em; i {
color: #000; color: $theme_color;
font-size:22.5px; font-size: 22.5px;
} margin-right: 0.1em;
#fa-icon-active { }
margin-right: 0.1em;
color: $theme_color;
font-size:22.5px;
} }

BIN
resources/icons/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 782 KiB

View file

@ -217,58 +217,24 @@
<li class="home-nav-element"><span class="nav-divider"></span></li> <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> <li class="home-menu-item"><a href="{{ url('home') }}" class="nav-home">{{ _('Home') }}</a></li>
{% for node in mptt_tree(nav_bar) recursive %} {% for node in mptt_tree(nav_bar) recursive %}
{% if node.key != "chat" %} <li>
<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;">
<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;"> <span class="nav-fa-icon{{'-active' if node.key in nav_tab else''}}">
{% if node.key == "problems" %} {% if node.key == "problems" %} <i class="fa fa-pencil"></i> {% endif %}
{% if node.key not in nav_tab %} {% if node.key == "submit" %} <i class="fa fa-neuter"></i> {% endif %}
<i id="fa-icon" class="fa fa-pencil"></i> {% if node.key == "user" %} <i class="fa fa-user"></i> {% endif %}
{% else %} {% if node.key == "contest" %} <i class="fa fa-graduation-cap"></i> {% endif %}
<i id="fa-icon-active" class="fa fa-pencil"></i> {% if node.key == "about" %} <i class="fa fa-group"></i> {% endif %}
{% endif %} </span>
{% endif %} {{ user_trans(node.label) }}
{% if not node.is_leaf_node %}
{% if node.key == "submit" %} <div href="javascript:void(0)" class="nav-expand">></div>
{% if node.key not in nav_tab %} {% endif %}
<i id="fa-icon" class="fa fa-neuter"></i> </a>
{% else %} {% with children=node.get_children() %}
<i id="fa-icon-active" class="fa fa-neuter"></i> {% if children %}<ul>{{ loop(children) }}</ul>{% endif %}
{% endif %} {% endwith %}
{% endif %} </li>
{% 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 %}
{{ user_trans(node.label) }}
{% if not node.is_leaf_node %}
<div href="javascript:void(0)" class="nav-expand">></div>
{% endif %}
</a>
{% with children=node.get_children() %}
{% if children %}<ul>{{ loop(children) }}</ul>{% endif %}
{% endwith %}
</li>
{% endif %}
{% endfor %} {% endfor %}
</ul> </ul>