pablo/shoppy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: upgrade deps

Browse Source
This commit is contained in:
Pablo Moreno
2026-03-05 09:53:21 +01:00
parent 48b53d851a
commit be87ab4fa1
13 changed files with 3974 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/main.css
+1 -1
View File
@@ -33,4 +33,4 @@
--color-gray-950: #09090b;
}
@variant dark (&:where(.dark, .dark *));
@variant dark (&:where(.dark, .dark *));
web/templates/web/product_detail.html
+19 -37
View File
@@ -6,59 +6,41 @@
{% block main %}
{% include 'components/generic/navbar.html' %}
<section class="min-w-full py-8 bg-white md:py-16 dark:bg-gray-900 antialiased">
<section class="min-w-full py-8 bg-white md:py-16 antialiased">
<div class="max-w-screen-xl px-4 mx-auto 2xl:px-0">
<div class="lg:grid lg:grid-cols-2 lg:gap-8 xl:gap-16">
<div class="shrink-0 max-w-md lg:max-w-lg mx-auto">
<sl-carousel pagination navigation mouse-dragging style="--aspect-ratio: 1/1;">
<div class="carousel w-full">
{% for image in product.images.all %}
<sl-carousel-item>
<img
alt="{{ product.name }}"
src="{{ image.xl.url }}"
/>
</sl-carousel-item>
<div id="product-image-{{ forloop.counter }}" class="carousel-item w-full">
<img class="carousel-item w-full " src="{{ image.xl.url }}"
alt="{{ product.name }}"/>
</div>
{% endfor %}
</sl-carousel>
</div>
<div class="flex w-full justify-center gap-2 py-2">
{% for image in product.images.all %}
<a href="#product-image-{{ forloop.counter }}" class="btn btn-xs">{{ forloop.counter }}</a>
{% endfor %}
</div>
</div>
<div class="my-4 sm:m-8 lg:m-0">
<h1 class="text-xl font-semibold text-gray-900 sm:text-2xl dark:text-white">
<h1 class="text-xl font-semibold text-gray-900 sm:text-2xl ">
{{ product.name }}
</h1>
<div class="my-4 sm:items-center sm:gap-4 sm:flex">
<p
class="text-2xl font-extrabold text-gray-900 sm:text-3xl dark:text-white"
class="text-2xl font-extrabold text-gray-900 sm:text-3xl "
>
{{ product.price.price_with_tax }} €
</p>
<sl-rating label="Rating" readonly value="3"></sl-rating>
<!--
<div class="flex items-center gap-2 mt-2 sm:mt-0">
<div class="flex items-center gap-1">
{% include 'components/icons/star.svg' %}
{% include 'components/icons/star.svg' %}
{% include 'components/icons/star.svg' %}
{% include 'components/icons/star.svg' %}
{% include 'components/icons/star.svg' %}
</div>
<p
class="text-sm font-medium leading-none text-gray-500 dark:text-gray-400"
>
(5.0)
</p>
<a
href="#"
class="text-sm font-medium leading-none text-gray-900 underline hover:no-underline dark:text-white"
>
345 Reviews
</a>
</div>
-->
</div>
<div class="my-4 sm:gap-4 items-center flex sm:m-8">