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/widget/_widget-pickadate.scss
+++ b/public/scss/components/widget/_widget-pickadate.scss
@@ -0,0 +1,151 @@
+.picker{
+	.picker__frame {
+		min-width: 28.125rem;
+		max-width: 28.125rem;
+		height: 100%;
+		top: 0;
+		max-height: 100%;
+		align-items: center;
+		display: flex;
+		.picker__wrap{
+			height: auto;
+		}
+		.picker__box{
+			padding: 1.25rem;
+			border: 0;
+			box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.1);
+			
+			.picker__header{
+				margin-top: 0;
+				
+				.picker__year{
+					color: var(--primary);
+					font-style: inherit;
+					font-size: 1.25rem;
+				}
+			
+				.picker__nav--prev,
+				.picker__nav--next{
+					width: 2.5rem;
+					height: 2.5rem;
+					padding: 0;
+					line-height: 2.5rem;
+					border-radius: 0.125rem;
+					&:before{
+						content: none!important
+					}
+					&:after{
+						font-family: "Font Awesome 5 Free";
+						border: 0;
+						margin: 0 auto;
+						font-size: 1.375rem;
+						font-weight: 700;
+					}
+					&:hover{
+						background-color: var(--primary);
+						color: $white;
+					}
+				}
+				.picker__nav--prev{
+					transition: 0.4s;
+					left: 0;
+					&:after{
+						content: "\f0d9";
+					}
+				}
+				.picker__nav--next{
+					transition: 0.4s;
+					right: 0;
+					&:after{
+						content: "\f0da";
+					}
+				}
+			}
+			
+			.picker__table{
+				.picker__weekday {
+					padding: 0.625rem 0;
+					font-size: 1rem;
+				}
+				.picker__day {
+					width: 2.5rem;
+					height: 2.5rem;
+					border-radius: 3.125rem;
+					padding: 0!important;
+					font-size: 1rem;
+					line-height: 2.5rem;
+					margin: auto;
+					border: 0!important;
+					
+					&.picker__day--today{
+						&:before {
+							content: none !important;
+						}
+					}
+					
+					&.picker__day--highlighted {
+						border: 0!important;
+						padding: 0;
+						background-color: var(--primary);
+						color: $white!important;
+					}
+					
+					&:hover{
+						background-color: var(--primary);
+						color: $white !important;
+					}
+				}
+			}
+			
+			.picker__footer{
+				display: flex;
+  				gap: 5px;
+				.picker__button--today{
+					background-color: var(--primary);
+					color: $white !important;
+					
+					&:before{
+						content: none!important
+					}
+				}
+				
+				.picker__button--clear, 
+				.picker__button--close, 
+				.picker__button--today{
+					border: 0;
+					border-radius: 0.125rem;
+					font-size: 1rem;
+					&:hover{
+						background-color:var(--primary);
+						color: $white !important;
+						&::before{
+							border-color: $white;
+							color: $white;
+						}
+					}
+				}
+			}
+			
+		}
+				
+		@include respond('phone') {
+			min-width: 100%!important;
+			max-width: 100%!important;
+			
+			.picker__box{
+				padding: 0.9375rem;
+				margin: 0 0.625rem;
+			}
+		}
+	}
+	
+}
+
+.picker__button--clear:before{
+	margin: 0;
+	margin-#{$dlab-pos-right}: 0.45em;
+}
+.picker__button--close:before{
+	margin: 0;
+	margin-#{$dlab-pos-right}: 0.35em;
+}