first commit

2022-04-13 13:51:55 +07:00
commit 47e209c023
3107 changed files with 238911 additions and 0 deletions
--- a/public/style/scss/layout/sidebar/_sidebar-compact-nav.scss
+++ b/public/style/scss/layout/sidebar/_sidebar-compact-nav.scss
@ -0,0 +1,162 @@
+////////////////
+// Compact Nav
+////////////////
+
+@media (min-width:767px) {
+    [data-sidebar-style="compact"] {
+
+        .deznav {
+            
+            .nav-user{
+                display: none;
+            }
+        
+            .metismenu {
+				& > li{
+				
+					& > a{
+						padding:1.5rem 1.625rem 1.5rem 1.5rem;
+					}
+					ul{
+						padding:1rem 0;
+						
+						li > a{
+							padding:0.5rem 1rem;
+							&.has-arrow:after{
+								content: "";
+							}
+						}
+					}
+				}
+                li {
+                    text-align: center;
+                    a {
+                        
+						svg{
+						
+							max-width: 21px;
+							max-height: 21px;
+							display: block;
+							margin-left: auto;
+							margin-right: auto;	
+						}
+						i{
+							font-size:2.2rem;
+						}
+						&:after{
+							content:none;
+						}
+						&:before{
+							content: "";
+							height: 75px;
+							width: 0;
+							position: absolute;
+							left: 0;
+							top: 50%;
+							transform:translatey(-50%);
+							background: $primary;
+							border-radius:0 $radius $radius 0;
+							@include transitionMedium;
+						}
+                    }
+					
+					ul:after{
+						content:none;
+					}
+					&.mm-active,
+					&:hover{
+						& > a{
+							background: -moz-linear-gradient(left,  rgba(224,224,228,1) 0%, rgba(125,185,232,0) 100%); 
+							background: -webkit-linear-gradient(left,  rgba(224,224,228,1) 0%,rgba(125,185,232,0) 100%); 
+							background: linear-gradient(to right,  rgba(224,224,228,1) 0%,rgba(125,185,232,0) 100%); 
+							
+							&:before{
+								width:10px;
+							}
+						}
+					}
+                }
+            }
+        }
+
+        .nav-text {
+            display: inline-block;
+			margin-top: 0.7125rem;
+        }
+
+        .nav-label {
+            &.first{
+                display: none;
+            }
+        }
+
+        .nav-badge {
+            display: none;
+        }
+
+        .footer {
+            padding-left: 9.375rem;
+        }
+
+        .content-body {
+            margin-left: 15rem;
+        }
+    }
+}
+[data-layout="horizontal"][data-sidebar-style="compact"] {
+	.footer {
+		padding-left: 0;
+	}
+	.content-body {
+		margin-left:0;
+	}
+	.deznav .metismenu{
+	    padding: 0 30px;
+	}
+}
+[data-layout="vertical"][data-sidebar-style="compact"] {
+    .deznav {
+        width: 15rem;
+        
+        .metismenu {
+		
+            ul{
+				background: rgba(0,0,0,0.02);
+				
+				@at-root [data-theme-version="dark"]#{&} {
+					background:(255, 255, 255, 0.05);
+				}
+					
+				a{
+					&:before{
+						content:none;
+					}
+				}
+				
+				ul a {
+					padding: 0.625rem 0.9375rem;
+					
+				}
+            }
+
+            &>li {
+                &>a.has-arrow::after {
+                    top: 1px;
+					display: inline-block;
+					right: auto;
+					margin-left: 5px;
+					position: relative;
+					width: 7px;
+					height: 7px;
+					border-width: 2px 0px 0px 2px;
+					@at-root [direction="rtl"]#{&} {
+						left: auto;
+						margin-left: 0;
+						margin-right: 5px;
+					}
+                }
+            }
+        }
+
+    }
+}