fix: adds basic auth

config/packages/pwa.yaml

@@ -6,8 +6,8 @@ pwa:
     start_url: "/"
     display: "standalone"
     id: "/"
-    background_color: "#083344"
-    theme_color: "#f98e44"
+    background_color: "#f98e44"
+    theme_color: "#083344"
     description: Torsearch provides a simple and intuitive way to manage your personal media library.
     icons:
       - src: "icon.png"

config/packages/security.yaml

@@ -32,6 +32,8 @@ security:
                 login_path: '/login/oidc'
                 check_path: '/login/oidc/auth'
                 enable_end_session_listener: true
+            http_basic:
+                realm: Secured Area
             entry_point: form_login
 
             # activate different ways to authenticate

templates/components/Header.html.twig

@@ -1,7 +1,7 @@
 <header {{ attributes }} class="bg-cyan-950 z-40">
     <div class="px-4 sm:px-6 lg:px-8">
         <div class="h-16 flex flex-row items-center justify-between">
-            <a href="{{ path('app_index') }}" class="text-2xl text-orange-500 mr-4 md:hidden">T</a>
+            <a href="{{ path('app_index') }}" class="text-2xl font-extrabold text-orange-500 mr-4 md:hidden">T</a>
             <twig:SearchBar />
             <div class="md:flex md:items-center md:gap-12">
                 <nav aria-label="Global" class="md:block">
@@ -32,6 +32,9 @@
                 {% for message in app.flashes('warning') %}
                     <twig:Alert :title="'Warning'" :message="message" :alert_id="''" type="warning" data-controller="alert" />
                 {% endfor %}
+                {% for message in app.flashes('success') %}
+                    <twig:Alert :title="'Success'" :message="message" :alert_id="''" type="warning" data-controller="alert" />
+                {% endfor %}
             </ul>
         </div>
     </div>