Update app.py

app.py

@@ -135,29 +135,14 @@ def catalog():
                 box-shadow: 0 0 5px rgba(52, 152, 219, 0.5);
             }
             .products-grid {
-                display: flex;
-                flex-wrap: nowrap;
-                overflow-x: auto;
+                display: grid;
+                grid-template-columns: repeat(2, 1fr);
                 gap: 10px;
-                padding: 10px 0;
-                -webkit-overflow-scrolling: touch;
-                scrollbar-width: thin;
-                scrollbar-color: #888 #f5f5f5;
-            }
-            .products-grid::-webkit-scrollbar {
-                height: 8px;
-            }
-            .products-grid::-webkit-scrollbar-track {
-                background: #f5f5f5;
-                border-radius: 10px;
-            }
-            .products-grid::-webkit-scrollbar-thumb {
-                background-color: #888;
-                border-radius: 10px;
-                border: 2px solid #f5f5f5;
+                padding: 0 5px;
+                overflow-y: auto;
+                max-height: calc(100vh - 120px);
             }
             .product {
-                flex: 0 0 50%;
                 background: #ffffff;
                 border-radius: 10px;
                 padding: 10px;
@@ -212,12 +197,6 @@ def catalog():
                 text-overflow: ellipsis;
                 white-space: nowrap;
             }
-            .product-popularity {
-                color: #666;
-                font-size: 0.7em;
-                text-align: center;
-                margin-bottom: 5px;
-            }
             .product-button {
                 background-color: #3498db;
                 color: white;
@@ -333,11 +312,13 @@ def catalog():
             }
             @media (min-width: 768px) {
                 .products-grid {
-                    flex-wrap: wrap;
-                    overflow-x: hidden;
+                    grid-template-columns: repeat(2, 1fr);
+                    gap: 20px;
+                    padding: 0 15px;
+                    max-height: none;
                 }
                 .product {
-                    flex: 0 0 calc(50% - 10px);
+                    padding: 15px;
                 }
                 .product-image {
                     aspect-ratio: 1;
@@ -381,7 +362,6 @@ def catalog():
                     <h2>{{ product['name'] }}</h2>
                     <div class="product-price">{{ product['price'] }}</div>
                     <p class="product-description">{{ product['description'][:50] }}{% if product['description']|length > 50 %}...{% endif %}</p>
-                    <p class="product-popularity">Продано {{ product.get('sales', '0') }}+ раз</p>
                     <button class="product-button" onclick="openModal({{ loop.index0 }})">Подробнее</button>
                     <button class="product-button add-to-cart" onclick="openQuantityModal({{ loop.index0 }})">В корзину</button>
                 </div>
@@ -721,8 +701,7 @@ def admin():
                 'name': name,
                 'price': price,
                 'description': description,
-                'photos': photos_list,
-                'sales': 0  # Добавляем поле для количества продаж
+                'photos': photos_list
             }
             
             products.append(new_product)
@@ -890,8 +869,6 @@ def admin():
             <input type="number" id="price" name="price" step="0.01" required>
             <label for="description">Описание:</label>
             <textarea id="description" name="description" rows="4" required></textarea>
-            <label for="sales">Количество продаж (примерно):</label>
-            <input type="number" id="sales" name="sales" value="0" min="0">
             <label for="photos">Фотографии товара (максимум 2):</label>
             <input type="file" id="photos" name="photos" accept="image/*" multiple>
             <button type="submit">Добавить товар</button>
@@ -912,7 +889,6 @@ def admin():
                 <h3>{{ product['name'] }}</h3>
                 <p><strong>Цена:</strong> {{ product['price'] }}</p>
                 <p><strong>Описание:</strong> {{ product['description'] }}</p>
-                <p><strong>Продано:</strong> {{ product['sales'] }}+ раз</p>
                 {% if product.get('photos') and product['photos']|length > 0 %}
                     <div style="background-color: #fff; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center;">
                         <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}"
@@ -931,8 +907,6 @@ def admin():
                         <input type="number" id="price" name="price" step="0.01" value="{{ product['price'] }}" required>
                         <label for="description">Описание:</label>
                         <textarea id="description" name="description" rows="4" required>{{ product['description'] }}</textarea>
-                        <label for="sales">Количество продаж:</label>
-                        <input type="number" id="sales" name="sales" value="{{ product['sales'] }}" min="0">
                         <label for="photos">Фотографии товара (максимум 2):</label>
                         <input type="file" id="photos" name="photos" accept="image/*" multiple>
                         <button type="submit">Сохранить изменения</button>