red hover logout button

2022-01-27 16:04:04 +07:00 · 2022-01-27 16:04:04 +07:00 · 2b2ff814e3
parent 87b72a571d
commit 2b2ff814e3
2 changed files with 5 additions and 1 deletions
--- a/tubearchivist/home/templates/home/base.html
+++ b/tubearchivist/home/templates/home/base.html
@ -69,7 +69,7 @@
                        <img src="{% static 'img/icon-gear.svg' %}" alt="gear-icon" title="Settings">
                    </a>
                    <a href="{% url 'logout' %}">
-                        <img src="{% static 'img/icon-exit.svg' %}" alt="exit-icon" title="Logout">
+                        <img class="alert-hover" src="{% static 'img/icon-exit.svg' %}" alt="exit-icon" title="Logout">
                    </a>
                </div>
            </div>
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@ -286,6 +286,10 @@ button:hover {
    --connected-color: var(--accent-font-light);
 }

+.alert-hover:hover {
+    filter: var(--img-filter-error);
+}
+
 /* top of page */
 .title-bar {
    padding-top: 30px;