first commit theloftstore

public/userarea/cssinclude.php

@@ -19,4 +19,87 @@
 <!-- Font awesome -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
 <!-- SweetAlert2 -->
-<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+<style>
+    /* --- Allineamento contenuto rispetto alla sidebar --- */
+    .dashboard-main-wrapper {
+        display: flex;
+        flex-direction: row;
+    }
+
+    /* Sidebar fissa a sinistra */
+    .sidebar-wrapper {
+        width: 260px;
+        /* o la larghezza effettiva della tua sidebar */
+        position: fixed;
+        left: 0;
+        top: 0;
+        height: 100%;
+        z-index: 1000;
+    }
+
+    /* Contenuto principale spostato a destra della sidebar */
+    .dashboard-body {
+        margin-left: 260px;
+        /* deve corrispondere alla larghezza sidebar */
+        padding: 20px 30px;
+        width: calc(100% - 260px);
+        background-color: #f9fafb;
+    }
+
+    /* Se vuoi includere anche la topbar fissa */
+    .dashboard-body {
+        margin-top: 70px;
+        /* altezza della topbar */
+    }
+
+    /* --- Comportamento responsive --- */
+    @media (max-width: 992px) {
+        .sidebar-wrapper {
+            position: absolute;
+            left: -260px;
+            transition: all 0.3s ease;
+        }
+
+        .sidebar-wrapper.active {
+            left: 0;
+        }
+
+        .dashboard-body {
+            margin-left: 0;
+            width: 100%;
+        }
+    }
+</style>
+<style>
+    /* === Sidebar collassata === */
+    .wrapper.toggled .sidebar-wrapper {
+        width: 70px !important;
+        transition: all 0.3s ease;
+        overflow: hidden;
+    }
+
+    /* Nasconde il testo */
+    .wrapper.toggled .logo-text,
+    .wrapper.toggled .menu-title,
+    .wrapper.toggled .menu-label {
+        display: none !important;
+    }
+
+    /* Riduce padding e centra le icone */
+    .wrapper.toggled .metismenu a {
+        justify-content: center !important;
+        padding: 10px 0 !important;
+    }
+
+    .wrapper.toggled .metismenu i {
+        margin-right: 0 !important;
+    }
+
+    /* Sposta il contenuto principale */
+    .wrapper.toggled .dashboard-body {
+        margin-left: 70px !important;
+        width: calc(100% - 70px) !important;
+        transition: all 0.3s ease;
+    }
+</style>