From a874099126743a3a656e879ad4985f7b0e8c0889 Mon Sep 17 00:00:00 2001
From: Luca Haid <luca@haid.in>
Date: Tue, 29 Oct 2024 16:29:45 +0100
Subject: [PATCH] added mobile view for eshop

---
 application/WarehouseEShop/WarehouseEShopController.php | 6 +++---
 public/plugins/vue/tt-components/css/tt-table.css       | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/application/WarehouseEShop/WarehouseEShopController.php b/application/WarehouseEShop/WarehouseEShopController.php
index f57b0afc9..f49ba7d0e 100644
--- a/application/WarehouseEShop/WarehouseEShopController.php
+++ b/application/WarehouseEShop/WarehouseEShopController.php
@@ -10,11 +10,11 @@ class WarehouseEShopController extends TTCrud {
     protected bool $createText = false;
 
     protected array $columns = [
-        ['key' => 'title', 'text' => 'Artikel'],
+        ['key' => 'title', 'text' => 'Artikel', 'priority' => 11],
         ['key' => 'category', 'text' => 'Kategorie', 'table' => false],
         ['key' => 'price', 'text' => 'Preis', 'table' => ['filter' => false,'sortable' => false,'class' => 'text-right']],
-        ['key' => 'amount', 'text' => 'Menge', 'table' => ['filter' => false,'sortable' => false,'class' => 'p-0 width-80']],
-        ['key' => 'add', 'text' => 'Hinzufügen', 'table' => ['filter' => false,'sortable' => false, 'class' => 'width-120 text-center']]
+        ['key' => 'amount', 'text' => 'Menge', 'table' => ['filter' => false,'sortable' => false,'class' => 'p-0 width-80'], 'priority' => 9],
+        ['key' => 'add', 'text' => 'Hinzufügen', 'table' => ['filter' => false,'sortable' => false, 'class' => 'width-120 text-center'], 'priority' => 5000]
     ];
 
     protected array $infoMessages = [
diff --git a/public/plugins/vue/tt-components/css/tt-table.css b/public/plugins/vue/tt-components/css/tt-table.css
index a5f2cfe63..5f705b584 100644
--- a/public/plugins/vue/tt-components/css/tt-table.css
+++ b/public/plugins/vue/tt-components/css/tt-table.css
@@ -260,6 +260,7 @@ td {
 
 .expanded {
     width: 500px; /* Expanded width */
+    max-width: 85vw;
     height: 600px; /* Expanded height */
     z-index: 1000;
 }