commit 08-2025

2025-08-12 18:01:59 +02:00 · 2025-08-12 18:01:59 +02:00 · 480fdc65ed
commit 480fdc65ed
parent 9ae662f63e
404 changed files with 65310 additions and 2600431 deletions
--- a/resources/views/portal/abo/componenten/product-table-styles.blade.php
+++ b/resources/views/portal/abo/componenten/product-table-styles.blade.php
@ -0,0 +1,124 @@
+<style>
+    /* Basis-Styles */
+    .btn-md-extra {
+        padding: 0.3rem 0.6rem;
+        font-size: 0.8rem;
+        line-height: 1.5;
+        border-radius: 0.25rem;
+    }
+    
+    .md-btn-extra {
+        width: calc(1.7rem + 2px) !important;
+        line-height: 1.5rem;
+    }
+    
+    .form-control.input-extra {
+        padding: 0.28rem 0.6rem;
+        font-size: 0.8rem;
+        font-weight: 600;
+        min-height: calc(1.8rem + 2px);
+        height: calc(1.8rem + 2px);
+        width: 44px;
+    }
+    
+    .form-control.input-extra.active {
+        background-color: #f0f0f0;
+    }
+    
+    .input-group-min-w {
+        min-width: 102px;
+    }
+    
+    .img-extra {
+        min-width: 55px;
+        max-height: 160px;
+    }
+    
+    .product-active {
+        opacity: 1;
+    }
+    
+    .product-inactive {
+        opacity: 0.6;
+    }
+
+    /* Mobile Optimierungen */
+    @media (max-width: 767px) {
+        .table thead {
+            display: none;
+        }
+        
+        .table, .table tbody, .table tr, .table td {
+            display: block;
+            width: 100%;
+        }
+        
+        .table tr {
+            margin-bottom: 1.5rem;
+            border: 1px solid #dee2e6;
+            border-radius: 0.25rem;
+            padding: 1rem;
+            background: #fff;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+        }
+        
+        .table td {
+            border: none;
+            padding: 0.75rem 0;
+            position: relative;
+            padding-left: 50%;
+        }
+        
+        .table td:before {
+            content: attr(data-label);
+            position: absolute;
+            left: 0;
+            width: 45%;
+            padding-right: 1rem;
+            font-weight: 600;
+            color: #666;
+        }
+        
+        .table td:first-child {
+            padding-top: 1rem;
+        }
+        
+        .table td:last-child {
+            padding-bottom: 1rem;
+        }
+        
+        .media {
+            flex-direction: column;
+            align-items: flex-start !important;
+        }
+        
+        .media img {
+            margin-bottom: 1rem;
+            margin-right: 0 !important;
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .media-body {
+            width: 100%;
+        }
+        
+        .input-group-min-w {
+            min-width: auto;
+            width: 100%;
+        }
+        
+        .input-group {
+            width: 100% !important;
+            justify-content: center;
+        }
+        
+        .form-control.input-extra {
+            width: 60px;
+        }
+        
+        .no-line-break {
+            white-space: normal;
+        }
+    }
+</style>