From a86de70f05ef19c95d1166f6fdb17630d1d75b87 Mon Sep 17 00:00:00 2001 From: Anton Kamalov Date: Thu, 21 Nov 2024 17:54:51 +0300 Subject: [PATCH] =?UTF-8?q?=D0=92=D1=80=D0=B5=D0=BC=D0=B5=D0=BD=D0=BD?= =?UTF-8?q?=D0=BE=D0=B5=20=D0=BE=D1=84=D0=BE=D1=80=D0=BC=D0=BB=D0=B5=D0=BD?= =?UTF-8?q?=D0=B8=D0=B5=20=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=B5=D0=BA?= =?UTF-8?q?=20=D0=B7=D0=B0=D0=B3=D0=BE=D1=82=D0=BE=D0=B2=D0=BE=D0=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App/Waybill/templates/waybill.html | 35 ++++++++++++++++--------- App/static/css/waybill.css | 42 ++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+), 13 deletions(-) create mode 100644 App/static/css/waybill.css diff --git a/App/Waybill/templates/waybill.html b/App/Waybill/templates/waybill.html index bef2fb3..4d17692 100644 --- a/App/Waybill/templates/waybill.html +++ b/App/Waybill/templates/waybill.html @@ -7,19 +7,28 @@ -

Новая накладная

-
- {% for item in items %} -
-

{{ item['name'] }}

-

В наличии {{ item['count'] }}

- -
- {% endfor %} - -
-
- +

Заглушка для примера составления накладной

+
+ +
+ Фото товара +

Название товара 1

+

Цена: 500 руб.

+

Количество: 10 шт.

+
+
+ Фото товара +

Название товара 2

+

Цена: 1200 руб.

+

Количество: 5 шт.

+
+
+ Фото товара +

Название товара 3

+

Цена: 800 руб.

+

Количество: 7 шт.

+
+ \ No newline at end of file diff --git a/App/static/css/waybill.css b/App/static/css/waybill.css new file mode 100644 index 0000000..3d04723 --- /dev/null +++ b/App/static/css/waybill.css @@ -0,0 +1,42 @@ +.container { + display: flex; + flex-wrap: wrap; + gap: 20px; + padding: 20px; + justify-content: center; +} +.card { + background: #fff; + border: 1px solid #ddd; + border-radius: 10px; + width: 250px; + padding: 15px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + transition: transform 0.2s; +} +.card:hover { + transform: scale(1.05); +} +.card img { + width: 100%; + height: 150px; + object-fit: cover; + border-radius: 5px; +} +.card h3 { + margin: 10px 0; + font-size: 18px; + color: #333; +} +.card p { + margin: 5px 0; + color: #555; +} +.price { + font-weight: bold; + color: #28a745; +} +.quantity { + font-weight: bold; + color: #007bff; +} \ No newline at end of file