fix: cleanup

web/templates/components/generic/navbar.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 {% load static %}
-<nav class="flex justify-between navbar bg-base-300 shadow-md px-4 fixed top-0 z-10 left-0 w-full">
+<nav class="navbar">
   <div class="text-base-content">
     <a href="{% url 'web:index' %}" class="flex text-xl">
       <img class="mr-4" src="{{ logo }}" alt="{{ web_title }} logo">

web/templates/components/product_card.html

@@ -1,5 +1,5 @@
 {% load i18n %}
-<article class="rounded-lg border-primary p-6 shadow-sm">
+<article class="card">
 
   <a class="h-56 w-full" href="{% url 'web:product_detail' pk=product.pk slug=product.slug %}">
     <img class="mx-auto h-full " src="{{ product.images.all.0.m.url }}" alt="{{ product.name }}"/>

web/templates/theme/base.html

@@ -9,7 +9,7 @@
   <link rel="manifest" href="{% url 'web:manifest_json' %}">
 
   {% include "theme/seo.html" %}
-  <link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}"/>
+  <link rel="shortcut icon" type="image/png" href="{{ favicon }}"/>
   <script src="https://unpkg.com/htmx.org@2.0.3"></script>
 
   <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />

web/templates/theme/main.css.template

@@ -1,5 +1,4 @@
 @import "tailwindcss";
-@import "./components.css";
 
 
 @theme {

web/templates/web/list_products.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 {% load static %}
 
-<ul class="mb-4 grid gap-4 sm:grid-cols-2 md:mb-8 lg:grid-cols-3 xl:grid-cols-4 3xl:grid-cols-5">
+<ul class="product-grid">
   {% for product in page %}
     <li>
       {% include 'components/product_card.html' %}