Initial commit

2025-10-01 01:39:07 +00:00
commit b430bf3b96
826 changed files with 255287 additions and 0 deletions
--- a/styles/layout/_responsive.scss
+++ b/styles/layout/_responsive.scss
@@ -0,0 +1,134 @@
+@media screen and (min-width: 992px) {
+    .layout-container {
+        &.layout-static {
+            .layout-sidebar {
+                transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
+            }
+            
+            .layout-content-wrapper {
+                margin-left: 22rem;
+                transition: margin-left  0.3s cubic-bezier(0, 0, 0.2, 1);
+            }
+        }
+        
+        &.layout-static-inactive {
+            .layout-sidebar {
+                transform: translateX(-100%);
+            }
+
+            .layout-content-wrapper {
+                margin-left: 0;
+            }
+        }
+
+        &.layout-overlay {
+            .layout-content-wrapper {
+                margin-left: 0;
+            }
+
+            .layout-sidebar {
+                z-index: 999;
+                transform: translateX(-100%);
+                transition: transform  0.3s cubic-bezier(0, 0, 0.2, 1);
+                background: var(--surface-ground);
+            }
+
+            &.layout-overlay-active {
+                .layout-sidebar {
+                    transform: translateX(0);
+                }
+            }
+        }
+
+        .content-breadcrumb {
+            display: none;
+        } 
+    }
+}
+
+@media screen and (max-width: 991px) {
+    .blocked-scroll {
+        overflow: hidden;
+    }
+
+    .layout-topbar {
+        .topbar-menu {
+            margin-right: 0rem !important;
+        }
+        .right-panel-button{
+            position: absolute !important;
+            right: 0;
+        }
+    }
+
+    .layout-container {
+
+        .layout-content-wrapper {
+            margin-left: 0;
+            padding: 1rem;
+        }
+    
+        .layout-sidebar {
+            z-index: 999;
+            transform: translateX(-100%);
+            transition: transform var(--transition-duration);
+            box-shadow: none;
+        }
+
+        &.layout-mobile-active {
+            .layout-sidebar {
+                transform: translateX(0);
+                background: var(--surface-ground);
+            }
+
+            .layout-mask {
+                display: block;
+                animation: fadein var(--transition-duration);
+            }
+        }
+
+        .layout-mask {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            z-index: 998;
+            width: 100%;
+            height: 100%;
+            background-color: var(--maskbg);
+        }
+
+        .topbar-breadcrumb {
+            display: none;
+        }
+
+        .content-breadcrumb {
+            display: block;
+        }
+
+
+    }
+    
+}
+
+@media screen and (min-width: 1960px) {
+    .layout-content, .landing-wrapper {
+        width: 1504px;
+        margin-left: auto !important;
+        margin-right: auto !important;
+    }
+    
+    .layout-topbar {
+        width: 1504px;
+        margin-left: auto !important;
+        margin-right: auto !important;
+        .topbar-menu {
+            margin-right: 0rem !important;
+        }
+       
+        .right-panel-button{
+            position: absolute !important;
+            right: 0;
+        }
+    }
+}