feat: improved UI

2026-07-31 15:09:50 +02:00
parent 393b39cacd
commit 201451d89f
21 changed files with 557 additions and 648 deletions
@@ -1,6 +1,6 @@
 {% load static %}
 <!DOCTYPE html>
-<html lang="es">
+<html lang="es" data-theme="shoppy">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@@ -12,16 +12,25 @@
  <link rel="shortcut icon" type="image/png" href="{{ favicon }}"/>
  <script src="https://unpkg.com/htmx.org@2.0.3"></script>

+  <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=Outfit:wght@500;600;700;800&display=swap" rel="stylesheet">
+
  <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
  <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
  <link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
+  <style type="text/tailwindcss">
+    @theme {
+      --font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;
+    }
+  </style>
+  <link rel="stylesheet" href="{% static 'css/theme.css' %}">

-  <link rel="stylesheet" href="{% static 'css/styles.css' %}">
  {% block extra_js %}
  {% endblock %}
 </head>
-<body>
-<main>
+<body class="bg-base-100 text-base-content antialiased min-h-screen flex flex-col">
+<main class="flex-1">
  {% block main %}

  {% endblock %}
@@ -1,16 +0,0 @@
-@import "tailwindcss";
-
-
-@theme {
-    --font-display: "Satoshi", "sans-serif";
-    --breakpoint-3xl: 1920px;
-
-    --ease-fluid: cubic-bezier(0.3, 0, 0, 1);
-    --ease-snappy: cubic-bezier(0.2, 0, 0, 1);  /* ... */
-
-    {% for color in colors %}
-    --color-{{ color.name }}-{{ color.index }}: {{ color.value }};
-    {% endfor %}
-}
-
-@variant dark (&:where(.dark, .dark *));