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/uc/_uc-calendar.scss
+++ b/public/scss/components/uc/_uc-calendar.scss
@@ -0,0 +1,159 @@
+.fc-h-event,.fc-v-event{
+	background:var(--primary);
+	border-radius: .42rem;
+}
+.fc-h-event .fc-event-title{
+	color:$white;
+}
+.fc-theme-standard td, .fc-theme-standard th{
+	border-color: var(--border);
+	
+}
+.fc-unthemed .fc-h-event, .fc-unthemed .fc-event-dot {
+    padding: 0;
+    border-radius: .42rem;
+}
+.fc-theme-standard th{
+	padding: .75rem .5rem;
+    font-size: 1rem;
+    font-weight: 500;
+	color: #b5b5c3;
+	@include respond ('phone'){
+		font-size:14px;
+		font-weight:400;
+		padding:3px 0px;
+	}
+}
+.fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,.fc-scrollgrid ,table{
+	border-color: var(--border);
+}
+
+.fc-daygrid-dot-event{
+	background: #fff;
+    border: 1px solid var(--border);
+    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
+	@at-root [data-theme-version="dark"] & {
+		background: $d-bg;
+	}
+	.fc-daygrid-event-dot{
+		border-color:var(--primary);
+	}
+}
+.fc-daygrid-dot-event .fc-event-title{
+	font-weight:500;
+}
+.fc-event.bg-primary
+,.fc-event.bg-success
+,.fc-event.bg-warning
+,.fc-event.bg-secondary
+,.fc-event.bg-dark
+,.fc-event.bg-info{
+	color:$white!important;
+	border-radius: 8px;
+	.fc-daygrid-event-dot{
+		border-color:$white;
+	}
+}
+
+.fc .fc-scroller-liquid-absolute,.fc-scroller{
+	position:relative;
+	overflow: visible!important;
+}
+
+.fc .fc-button-group{
+	&>.fc-button{
+		color: #b5b5c3;
+		background: 0 0;
+		border: 1px solid #ebedf3;
+		text-shadow: none!important;
+		-webkit-box-shadow: none!important;
+		box-shadow: none!important;
+		&:focus,&:active,&:hover,&.fc-button-active{
+			background:var(--primary);
+			color:$white;
+			border-color:var(--primary);
+		}
+	}
+}
+.fc-button.fc-button-primary.fc-today-button{
+	background:var(--primary);
+	color:$white;
+	border: 0;
+    opacity: 1;
+}
+.fc-unthemed .fc-toolbar .fc-button.fc-button-active, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button:focus{
+	background: var(--primary);
+    color: #fff;
+    border: 1px solid var(--primary);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    text-shadow: none;
+}
+.fc .fc-toolbar-title {
+    font-size: 20px;
+    margin: 0;
+}
+
+.external-event{
+	padding: 8px 10px;
+	display:flex;
+	align-items:center;
+    border-radius: 5px;
+	&:hover{
+		&:before{
+			background:$white!important;
+		}
+	}
+}
+.fc-event{
+	overflow:hidden;
+}
+
+.fc .fc-view-harness{
+	height: 800px!important;
+	overflow-y: auto;
+}
+.fc .fc-toolbar.fc-header-toolbar{
+	@include respond ('phone'){
+		display:block;
+		.fc-toolbar-chunk{
+			display:flex;
+			justify-content: center;
+			&:first-child{
+				justify-content:space-between;
+			}
+		}
+		.fc-toolbar-title{
+			margin-bottom: 8px;
+		}
+	}
+}
+
+#external-events{
+	.external-event{
+		text-align: #{$dlab-pos-left};
+		font-size: 16px;
+	}
+}
+
+.fc.app-fullcalendar{
+	@include respond ('phone'){
+		.fc-timegrid-slot-label{
+			width:40px!important;
+			font-size: 10px;
+		}
+		.fc-event, .external-event{
+			font-size: 10px;
+			margin:0;
+			padding: 2px 0;
+			text-align: center;
+			line-height: 1.3;
+		}
+		.fc-col-header-cell-cushion {
+			display: inline-block;
+			padding: 2px 4px;
+			font-size: 10px;
+		}
+	}
+}