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/components/ui/_ui-breadcrumb.scss
+++ b/public/scss/components/ui/_ui-breadcrumb.scss
@@ -0,0 +1,98 @@
+.breadcrumb{
+	font-size:1.1875rem;
+	.breadcrumb-item{
+		&.active{
+			a{
+				color:var(--primary);
+			}
+		}
+	}
+	.breadcrumb-item + .breadcrumb-item{
+        padding-#{$dlab-pos-left}: 0.5rem;
+        &::before{
+            color:var(--primary);
+            float: #{$dlab-pos-left};
+            padding-#{$dlab-pos-right} : 0.5rem;
+        }
+    }
+}
+
+.page-titles {
+	padding: 0.75rem 1.5rem;
+    background: var(--card);
+    margin-bottom: 1.875rem;
+	border-radius: $radius;
+    margin-top: 0;
+    margin-#{$dlab-pos-left}: 0;
+    margin-#{$dlab-pos-right}: 0;
+	
+	@include respond ('phone'){
+		padding:0.75rem 1.075rem;
+	}
+
+    .justify-content-sm-end{
+        align-items: center;
+    }
+
+    h4 {
+        margin-bottom: 0;
+        margin-top: 0;
+        color: var(--primary);
+        font-size: 1.25rem;
+        span {
+            font-size: 0.875rem;
+            font-weight: 400;
+        }
+    }
+    .breadcrumb {
+        margin-bottom: 0;
+        font-size: 1rem;
+        padding: 0;
+        background: transparent;
+        li {
+            margin-top: 0;
+            margin-bottom: 0;
+
+            a{
+               color: $l-ctl; 
+			   @include respond ('phone'){
+					font-size:0.875rem;
+			   }
+
+            }
+
+            &.active{
+                color:var(--primary);
+				font-weight: 500;
+				
+            }
+        }
+        
+       
+
+        &-datepicker{
+            font-size: 0.75rem;
+            color: $muted;
+
+            &__icon{
+                font-size: 0.875rem;
+            }
+        }
+    }
+
+    .breadcrumb-widget{
+        .border-dark{
+            border-color: $gray-300!important;
+        }
+        h4{
+            color: $strong;
+            font-weight: 600;
+        }
+        @include respond('phone') {
+            text-align: #{$dlab-pos-left}!important;
+            margin-bottom: 0.9375rem;
+        }
+    }
+    
+}
+