ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / curs.tbf.ro / src / scss /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : _reports.scss \| Size : 11.17 KB
.header-tabs-section{ display: flex; align-items: center; margin-top: 30px; .content-section{ flex: 1; .list-tabs{ display: flex; align-items: center; .item-tab{ margin-right: 60px; .name{ color: $primary; opacity: 0.7; font-size: 16px; line-height: normal; cursor: pointer; &.selected{ font-weight: 500; opacity: 1; } &:hover{ opacity: 0.85; } } &:last-child{ margin-right: 0; } } } } } .principal-info-section{ display: flex; align-items: flex-start; margin-top: 30px; .space-left{ margin-top: 8px; img{ width: 12px; } } .content-section{ flex: 1; .title-actions{ display: flex; align-items: center; .title-page{ font-weight: 700; color: $primary; font-size: 22px; line-height: 1.27; letter-spacing: normal; margin-bottom: 0; flex: 1; padding-right: 20px; } .actions-page{ display: flex; .action-btn{ color: $secondary; font-size: 12px; line-height: 22px; margin-right: 30px; cursor: pointer; &.active{ color: $primary; svg{ &.down{ transform: rotate(180deg); } .fill-color{ fill: $primary; } } &:hover{ color: $primary; svg{ .fill-color{ fill: $primary; } } } } &:hover{ color: #626573; svg{ .fill-color{ fill: #626573; } } } &:last-child{ margin-right: 0; } svg{ &.right{ transform: rotate(-90deg); } margin-left: 6px; .fill-color{ fill: #afb1b8; } } } } } .description-page{ margin-top: 20px; opacity: 0.4; font-size: 14px; line-height: 1.57; color: #1f2236; letter-spacing: normal; padding-bottom: 40px; border-bottom: 1px solid $borderColor; } .cards-info{ display: flex; // margin-top: 46px; margin-left: -15px; margin-right: -15px; &.carousel{ margin-left: -15px; margin-right: -15px; display: block; .carousel-3d-slide{ background: transparent; } @media(max-width: 600px){ .carousel-3d-container{ height: 130px !important; .carousel-3d-slider{ height: 130px !important; .carousel-3d-slide{ height: 130px !important; } } } } } .info-card{ flex: 1; padding: 30px; background: #FFF; border: 1px solid $borderCard; border-radius: 10px; height: 130px; margin: 0 15px; display: flex; align-items: center; .data-image{ border-radius: 50%; overflow: hidden; margin-right: 30px; img{ width: 46px; height: 46px; object-fit: cover; } .user-circle{ width: 46px; height: 46px; border: solid 1px #e2e4e7; background-color: rgba(240, 241, 242, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; svg{ margin-right: -1px; width: 20px; height: auto; } } } .data-icon{ margin-right: 25px; } .data-card{ flex: 1; .value{ font-size: 18px; line-height: normal; letter-spacing: normal; color: $primary; margin-bottom: 10px; } .description{ display: flex; .label{ font-size: 12px; line-height: normal; letter-spacing: normal; color: $slateGrey; .button-tbf-link{ font-size: 12px; text-align: left; } } .count-data{ font-size: 12px; line-height: normal; letter-spacing: normal; color: $slateGrey; margin-left: auto; } } .progress-bar-tbf{ margin-top: 11px; } } } } } } .header-cards-section{ display: flex; margin-top: 30px; .content-section{ flex: 1; display: flex; margin-left: -15px; margin-right: -15px; .responsabled-card{ flex: 1; margin: 0 15px; .data-image{ border-radius: 50%; overflow: hidden; margin-right: 30px; img{ width: 46px; height: 46px; object-fit: cover; } .user-circle{ width: 46px; height: 46px; border: solid 1.1px #e2e4e7; background-color: rgba(240, 241, 242, 0.2); border-radius: 50%; text-align: center; img{ width: 27px; object-fit: contain; } } } .data-card{ flex: 1; .value{ font-size: 18px; line-height: normal; letter-spacing: normal; color: $primary; margin-bottom: 10px; } .description{ display: flex; .label{ font-size: 12px; line-height: normal; letter-spacing: normal; color: $slateGrey; } } } } .today-promises{ flex: 1; margin: 0 15px; } .meet-promises{ flex: 1; margin: 0 15px; } .card-promise{ border-radius: 10px; border: 1px solid $borderCard; background: #FFF; display: flex; align-items: center; padding: 40px 30px; .gauge-graph{ width: 80px; height: 80px; min-width: 80px; margin-right: 30px; } .button-action{ margin-left: auto; @media(max-width: 779px){ margin-left: 0px; } img{ height: 60px; } .realized{ svg{ height: 100%; } } } .main-info{ margin-right: 30px; .title{ color: $primary; font-size: 18px; line-height: normal; font-weight: 500; margin-bottom: 3px; } .description{ font-size: 14px; color: $primary; line-height: 1.43; } } .list-user{ padding-left: 40px; border-left: 1px solid $borderCard; .user{ white-space: nowrap; font-size: 14px; color: $primary; line-height: normal; margin-bottom: 15px; &:last-child{ margin-bottom: 0; } } } } } } .gauge-graph{ .inner-text-gauge{ height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; .count{ font-size: 66px; color: #21243d; line-height: 0.96; font-weight: 500; } .label{ font-size: 30px; color: $primary; line-height: 1.43; } } } .big-cards-section{ display: flex; margin-top: 30px; .content-section{ flex: 1; .item-promise{ display: flex; flex-direction: column; .header-card{ display: flex; align-items: flex-start; margin-bottom: 15px; .image{ margin-right: 20px; .image-user{ width: 51px; height: 51px; object-fit: cover; border-radius: 50%; } .user-circle-default{ width: 51px; height: 51px; img{ width: 33px; } } } .user-data{ padding-right: 15px; flex: 1; max-width: calc(100% - 97px); .name{ font-size: 22px; color: #202337; line-height: normal; font-weight: 500; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .group-tags{ display: flex; flex-wrap: wrap; .tag-color{ margin-bottom: 3px; div{ color: #b3b3b6; font-size: 12px; } .more-tags{ margin-left: 5px; } } } } .status-promise{ margin-left: auto; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; &.upcoming{ margin-top: -2px; } } } .text-promise{ flex: 1; color: $primary; font-size: 17px; line-height: 1.29; } .kr-data{ border-top: 1px solid $borderCard; margin-top: 30px; padding-top: 20px; .label{ color: #b3b3b6; font-size: 12px; line-height: 1.65; margin-bottom: 10px; } .data{ display: flex; align-items: center; .icon-list{ width: 16px; margin-right: 15px; } .title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: $primary; font-weight: 500; line-height: 1.65; } } } .not-set-promise{ border-top: 1px solid $borderCard; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; .title{ font-weight: 700; color: $primary; font-size: 22px; line-height: 1.27; margin-bottom: 12px; text-align: center; } .description{ font-size: 14px; line-height: 1.58; color: #606270; text-align: center; } .button-add-promise{ margin-top: 20px; } } } } } .report-page{ .header-list-section{ .header-table{ .filter-btns{ .calendar-filter{ margin-left: 20px; } .filter-status{ margin-left: 20px; } } } } } .list-promises-rows{ margin-bottom: 50px; .item-promise{ display: flex; align-items: center; .column-user-image{ width: 81px; padding-right: 30px; .user-circle{ width: 51px; height: 51px; border: 1px solid $borderCard; border-radius: 50%; img{ width: 49px; height: 49px; object-fit: cover; border-radius: 50%; } } } .column-data-user{ width: 400px; padding-right: 30px; .name{ font-size: 16px; font-weight: 700; color: $primary; margin-bottom: 5px; line-height: normal; } .kr-name{ font-size: 12px; color: #606270; line-height: 1.33; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } .column-promise-name{ flex: 1; padding-right: 30px; .title{ font-size: 14px; line-height: 1.5; color: $primary; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; &.not-set{ color: #606270; } } } .column-status-promise{ width: 26px; text-align: center; } } } .report-people{ .report-item{ display: flex; align-items: center; width: 100%; padding: 15px 30px 15px 30px; height: 80px; position: relative; border: 1px solid $borderCard; border-radius: 12px; margin-bottom: 15px; &:last-child{ margin-bottom: 0; } .column-tbf{ box-sizing: border-box; padding: 0 15px; &.user-img{ padding: 0; img{ width: 38px; height: 38px; object-fit: cover; border-radius: 50%; } .user-circle{ width: 38px; height: 38px; border: solid 1.1px #e2e4e7; background-color: rgba(240, 241, 242, 0.2); border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; img{ width: 16px; object-fit: contain; } } } &.row-title{ color: #202337; font-size: 14px; font-weight: 500; flex: 1; } &.column-value{ .v-popover{ line-height: 1; } .label{ color: $primary; font-size: 14px; line-height: normal; margin-bottom: 10px; } .value{ color: $slateGrey; font-size: 12px; line-height: normal; } } &.promises-count-width{ width: 100px; } } } } Back

Edit File : _reports.scss | Size : 11.17 KB

.header-tabs-section{
	display: flex;
	align-items: center;
	margin-top: 30px;
	.content-section{
		flex: 1;
		.list-tabs{
			display: flex;
			align-items: center;
			.item-tab{
				margin-right: 60px;
				.name{
					color: $primary;
					opacity: 0.7;
					font-size: 16px;
					line-height: normal;
					cursor: pointer;
					&.selected{
						font-weight: 500;
						opacity: 1;
					}
					&:hover{
						opacity: 0.85;
					}
				}
				&:last-child{
					margin-right: 0;
				}
			}
		}
	}
}

.principal-info-section{
	display: flex;
	align-items: flex-start;
	margin-top: 30px;
	.space-left{
		margin-top: 8px;
		img{
			width: 12px;
		}
	}
	.content-section{
		flex: 1;
		.title-actions{
			display: flex;
			align-items: center;
			.title-page{
				font-weight: 700;
				color: $primary;
				font-size: 22px;
				line-height: 1.27;
  				letter-spacing: normal;
  				margin-bottom: 0;
  				flex: 1;
  				padding-right: 20px;
			}
			.actions-page{
				display: flex;
				.action-btn{
					color: $secondary;
					font-size: 12px;
					line-height: 22px;
					margin-right: 30px;
					cursor: pointer;
					&.active{
						color: $primary;
						svg{
							&.down{
								transform: rotate(180deg);
							}
							.fill-color{
								fill: $primary;
							}
						}
						&:hover{
							color: $primary;
							svg{

.fill-color{
									fill: $primary;
								}
							}
						}
					}
					&:hover{
						color: #626573;
						svg{
							.fill-color{
								fill: #626573;
							}
						}
					}
					&:last-child{
						margin-right: 0;
					}
					svg{
						&.right{
							transform: rotate(-90deg);
						}
						margin-left: 6px;
						.fill-color{
							fill: #afb1b8;
						}
					}
				}
			}
		}
		.description-page{
			margin-top: 20px;
			opacity: 0.4;
			font-size: 14px;
			line-height: 1.57;
			color: #1f2236;
			letter-spacing: normal;
			padding-bottom: 40px;
			border-bottom: 1px solid $borderColor;
		}
		.cards-info{
			display: flex;
			// margin-top: 46px;
			margin-left: -15px;
			margin-right: -15px;
			&.carousel{
				margin-left: -15px;
				margin-right: -15px;
				display: block;
				.carousel-3d-slide{
					background: transparent;
				}
				@media(max-width: 600px){
					.carousel-3d-container{
						height: 130px !important;
						.carousel-3d-slider{
							height: 130px !important;
							.carousel-3d-slide{
								height: 130px !important; 
							}
						}
					}
				}
			}
			.info-card{
				flex: 1;
				padding: 30px;
				background: #FFF;
				border: 1px solid $borderCard;
				border-radius: 10px;
				height: 130px;
				margin: 0 15px;
				display: flex;
				align-items: center;
				.data-image{
					border-radius: 50%;
					overflow: hidden;
					margin-right: 30px;
					img{
						width: 46px;
						height: 46px;
						object-fit: cover;
					}
					.user-circle{
						width: 46px;
						height: 46px;
						border: solid 1px #e2e4e7;
						background-color: rgba(240, 241, 242, 0.2);
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						svg{
							margin-right: -1px;
							width: 20px;
							height: auto;
						}
					}
				}
				.data-icon{
					margin-right: 25px;
				}
				.data-card{
					flex: 1;
					.value{
						font-size: 18px;
					  	line-height: normal;
					  	letter-spacing: normal;
					  	color: $primary;
					  	margin-bottom: 10px;
					}
					.description{
						display: flex;
						.label{
							font-size: 12px;
							line-height: normal;
					  		letter-spacing: normal;
							color: $slateGrey;
							.button-tbf-link{
								font-size: 12px;
								text-align: left;
							}
						}
						.count-data{
							font-size: 12px;
							line-height: normal;
					  		letter-spacing: normal;
							color: $slateGrey;
							margin-left: auto;

}
					}
					.progress-bar-tbf{
						margin-top: 11px;
					}
				}
			}
		}
	}
}

.header-cards-section{
	display: flex;
	margin-top: 30px;
	.content-section{
		flex: 1;
		display: flex;
		margin-left: -15px;
		margin-right: -15px;
		.responsabled-card{
			flex: 1;
			margin: 0 15px;
			.data-image{
				border-radius: 50%;
				overflow: hidden;
				margin-right: 30px;
				img{
					width: 46px;
					height: 46px;
					object-fit: cover;
				}
				.user-circle{
					width: 46px;
					height: 46px;
					border: solid 1.1px #e2e4e7;
					background-color: rgba(240, 241, 242, 0.2);
					border-radius: 50%;
					text-align: center;
					img{
						width: 27px;
						object-fit: contain;
					}
				}
			}
			.data-card{
				flex: 1;
				.value{
					font-size: 18px;
					line-height: normal;
					letter-spacing: normal;
					color: $primary;
					margin-bottom: 10px;
				}
				.description{
					display: flex;
					.label{
						font-size: 12px;
						line-height: normal;
						letter-spacing: normal;
						color: $slateGrey;
					}
				}
			}
		}
		.today-promises{
			flex: 1;
			margin: 0 15px;
		}
		.meet-promises{
			flex: 1;
			margin: 0 15px;
		}
		.card-promise{
			border-radius: 10px;
			border: 1px solid $borderCard;
			background: #FFF;
			display: flex;
			align-items: center;
			padding: 40px 30px;
			.gauge-graph{
				width: 80px;
				height: 80px;
			    min-width: 80px;
				margin-right: 30px;
			}
			.button-action{
				margin-left: auto;
				@media(max-width: 779px){
					margin-left: 0px;
				}
				img{
					height: 60px;
				}
				.realized{
					svg{
						height: 100%;
					}
				}
			}
			.main-info{
				margin-right: 30px;
				.title{
					color: $primary;
					font-size: 18px;
					line-height: normal;
					font-weight: 500;
					margin-bottom: 3px;
				}
				.description{
					font-size: 14px;
					color: $primary;
					line-height: 1.43;
				}
			}
			.list-user{
				padding-left: 40px;
				border-left: 1px solid $borderCard;
				.user{
					white-space: nowrap;
					font-size: 14px;
					color: $primary;
					line-height: normal;
					margin-bottom: 15px;
					&:last-child{
						margin-bottom: 0;
					}
				}
			}
		}
	}
}

.gauge-graph{
	.inner-text-gauge{
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.count{
			font-size: 66px;
			color: #21243d;
			line-height: 0.96;
			font-weight: 500;
		}
		.label{
			font-size: 30px;
			color: $primary;
			line-height: 1.43;
		}
	}
}

.big-cards-section{
	display: flex;
	margin-top: 30px;
	.content-section{
		flex: 1;
		.item-promise{
			display: flex;
			flex-direction: column;
			.header-card{
				display: flex;
				align-items: flex-start;
				margin-bottom: 15px;
				.image{
					margin-right: 20px;
					.image-user{
						width: 51px;
						height: 51px;
						object-fit: cover;
						border-radius: 50%;
					}
					.user-circle-default{
						width: 51px;
						height: 51px;
						img{
							width: 33px;
						}
					}
				}
				.user-data{
					padding-right: 15px;
					flex: 1;
					max-width: calc(100% - 97px);
					.name{
						font-size: 22px;
						color: #202337;
						line-height: normal;
						font-weight: 500;
						margin-bottom: 10px;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.group-tags{
						display: flex;
						flex-wrap: wrap;
						.tag-color{
							margin-bottom: 3px;
							div{
								color: #b3b3b6;
								font-size: 12px;
							}
							.more-tags{
								margin-left: 5px;
							}
						}
					}
				}
				.status-promise{
					margin-left: auto;
					width: 26px;
					height: 26px;
					display: flex;
					align-items: center;
					justify-content: center;
					&.upcoming{
						margin-top: -2px;
					}
				}
			}
			.text-promise{
				flex: 1;
				color: $primary;
				font-size: 17px;
				line-height: 1.29;
			}
			.kr-data{
				border-top: 1px solid $borderCard;
				margin-top: 30px;
				padding-top: 20px;
				.label{
					color: #b3b3b6;
					font-size: 12px;
					line-height: 1.65;
					margin-bottom: 10px;
				}
				.data{
					display: flex;
					align-items: center;
					.icon-list{
						width: 16px;
						margin-right: 15px;
					}
					.title{
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						font-size: 12px;
						color: $primary;
						font-weight: 500;
						line-height: 1.65;
					}
				}
			}

.not-set-promise{
				border-top: 1px solid $borderCard;
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				.title{
					font-weight: 700;
					color: $primary;
					font-size: 22px;
					line-height: 1.27;
					margin-bottom: 12px;
					text-align: center;
				}
				.description{
					font-size: 14px;
					line-height: 1.58;
					color: #606270;
					text-align: center;
				}
				.button-add-promise{
					margin-top: 20px;
				}
			}
		}
	}
}

.report-page{
	.header-list-section{
		.header-table{
			.filter-btns{
				.calendar-filter{
					margin-left: 20px;
				}
				.filter-status{
					margin-left: 20px;
				}
			}
		}
	}
}

.list-promises-rows{
	margin-bottom: 50px;
	.item-promise{
		display: flex;
		align-items: center;
		.column-user-image{
			width: 81px;
			padding-right: 30px;
			.user-circle{
				width: 51px;
				height: 51px;
				border: 1px solid $borderCard;
				border-radius: 50%;
				img{
					width: 49px;
					height: 49px;
					object-fit: cover;
					border-radius: 50%;
				}
			}
		}
		.column-data-user{
			width: 400px;
			padding-right: 30px;
			.name{
				font-size: 16px;
				font-weight: 700;
				color: $primary;
				margin-bottom: 5px;
				line-height: normal;
			}
			.kr-name{
				font-size: 12px;
				color: #606270;
				line-height: 1.33;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}
		}
		.column-promise-name{
			flex: 1;
			padding-right: 30px;
			.title{
				font-size: 14px;
				line-height: 1.5;
				color: $primary;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				&.not-set{
					color: #606270;
				}
			}
		}
		.column-status-promise{
			width: 26px;
			text-align: center;
		}
	}
}

.report-people{
	.report-item{
		display: flex;
		align-items: center;
		width: 100%;
		padding: 15px 30px 15px 30px;
		height: 80px;
		position: relative;
		border: 1px solid $borderCard;
		border-radius: 12px;
		margin-bottom: 15px;
		&:last-child{
			margin-bottom: 0;
		}
		.column-tbf{
			box-sizing: border-box;
			padding: 0 15px;
			&.user-img{
				padding: 0;
				img{
					width: 38px;
					height: 38px;
					object-fit: cover;
					border-radius: 50%;
				}
				.user-circle{
					width: 38px;
					height: 38px;
					border: solid 1.1px #e2e4e7;
					background-color: rgba(240, 241, 242, 0.2);
					border-radius: 50%;
					text-align: center;
					display: flex;
					justify-content: center;
					align-items: center;
					img{
						width: 16px;
						object-fit: contain;
					}
				}
			}
			&.row-title{
				color: #202337;
				font-size: 14px;
				font-weight: 500;
				flex: 1;
			}
			&.column-value{
				.v-popover{
					line-height: 1;
				}
				.label{
					color: $primary;
					font-size: 14px;
					line-height: normal;
					margin-bottom: 10px;
				}
				.value{
					color: $slateGrey;
					font-size: 12px;
					line-height: normal;
				}
			}
			&.promises-count-width{
				width: 100px;
			}
		}
	}
}

Back