Enhance UI with new font integration, improved accessibility focus styles, and refined card shadows for light theme. Update main content area background and adjust layout spacing in index template.

2026-02-06 18:54:29 +03:00
parent 0151b9a01f
commit 38163210d6
3 changed files with 84 additions and 53 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,6 +5,9 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}SWatcher{% endblock %}</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/output.css' %}">
    {% block imports %}
    {% endblock %}
@@ -13,12 +16,10 @@
 </head>
 <body>
    <!-- Navbar -->
-    <div class="navbar bg-base-100 shadow-lg">
+    <div class="navbar bg-base-100 shadow-lg border-b border-base-200 sticky top-0 z-10">
        <div class="navbar-start">
        <a class="btn btn-ghost text-xl" href="{% url 'index' %}">SWatcher</a>
        </div>
-        <div class="navbar-center hidden lg:flex">
-        </div>
        <div class="navbar-end">
            <div class="px-1 flex gap-3 pr-10">
                <span id="regionBadge" class="badge badge-primary badge-lg">{{ region.name }}</span>