Penambahan FrontEnd All-New-Manufacture

2026-01-31 14:23:04 +07:00
parent 1b2e320b2b
commit 4feb21dcbc
2891 changed files with 426849 additions and 135 deletions
--- a/public/scss/layout/sidebar/_sidebar-compact-nav.scss
+++ b/public/scss/layout/sidebar/_sidebar-compact-nav.scss
@@ -0,0 +1,174 @@
+////////////////
+// Compact Nav
+////////////////
+
+@media (min-width:47.9375rem) {
+    [data-sidebar-style="compact"] {
+
+
+		--dz-sidebar-width : 10rem;
+		--dz-side-nav-padding : 1rem 0.5rem;
+		--dz-side-nav-size : 0.9375rem;
+		--dz-side-info : none;
+		--dz-side-copyright : none;
+		--dz-side-sub_nav-padding : .5rem 0.5rem;
+		--dz-side-sub_nav-size : 0.85rem;
+		
+		.nav-header {
+			.nav-control {
+				display: none;
+			}
+		}
+		.header{
+			.nav-control{
+				display: none;
+			}
+			.header-content{
+				padding-#{$dlab-pos-left}: 2rem;
+			}
+		}
+        .dlabnav {
+            .header-profile2{
+				&>a.nav-link{
+					text-align: center;
+				}
+			}
+        
+            .metismenu {
+			
+                li {
+                    text-align: center;
+                    a {
+						svg{
+						
+							max-width: 1.3125rem;
+							max-height: 1.3125rem;
+							display: block;
+							margin-#{$dlab-pos-left}: auto;
+							margin-#{$dlab-pos-right}: auto;	
+						}
+						i{
+							@include transitionMedium;
+						}
+                    }
+					ul:after{
+						content:none;
+					}
+					
+					& > a{
+						background: transparent;
+					}
+                }
+            }
+			
+			.header-info2{
+				justify-content: center;
+				padding : .35rem;
+				display: inline-flex!important;
+				img{
+					margin-#{$dlab-pos-right}: 0;
+				}
+			}
+			.sidebar-info{
+				display:none!important;	
+			}
+			.badge{
+				display: none;
+			}
+        }
+
+		
+        .nav-text {
+            display: inline-block;
+            margin-top: 0.3125rem;
+        }
+
+        .nav-label {
+            &.first{
+                display: none;
+            }
+        }
+
+        .nav-badge{
+            display: none;
+        }
+
+		&[data-layout="vertical"]{
+			.dlabnav {
+				.metismenu {
+					 & > li {
+						&:hover,
+						&.mm-active{
+							&>a i{
+								background:var(--rgba-primary-1);
+								color:var(--primary);
+							}
+						}	
+					 }
+				}	
+				.dropdown-menu .dropdown-item{
+					font-size: .85rem;
+					padding: 0.5rem 1.2rem;
+				}
+			}
+		}
+    }
+}
+
+[data-layout="vertical"][data-sidebar-style="compact"] {
+
+	--dz-side-ico-height : 3.2rem;
+	--dz-side-ico-width : 3.2rem;
+	--dz-side-nav-size : 0.875rem;
+
+    .dlabnav {
+        .metismenu {
+		
+            ul{
+				margin-#{$dlab-pos-left}:0;
+				border:0;
+				background: rgba(0,0,0,0.02);
+				padding: 0.625rem 0;
+
+				a{
+					&:before{
+						content:none;
+					}
+				}
+				
+            }
+
+            &>li {
+				&>a{
+					
+					.badge-xs{
+						&.style-1{
+							margin-#{$dlab-pos-left}:0px;
+						}
+					}
+					& > i{
+						margin-#{$dlab-pos-right}: auto;
+						margin-#{$dlab-pos-left}: auto;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						background: var(--body-bg);
+						border-radius: 0.5rem;
+					}
+				}
+                &>a.has-arrow::after {
+                    top: 0.0625rem;
+					display: inline-block;
+					#{$dlab-pos-right}: auto;
+					margin-#{$dlab-pos-left}: 0.3125rem;
+					position: relative;
+					width: 0.4375rem;
+					height: 0.4375rem;
+					border-width: 0.125rem 0rem 0rem 0.125rem;
+					
+                }
+            }
+        }
+
+    }
+}