jobsys-newbie/components/table/index.less

Enhanced component based on ant-design-vue

@grey: #f5f5f5;

.newbie-table {
	.newbie-search {
		margin-bottom: 10px;
		padding: 20px 0;
	}
	
	.newbie-table-prepend-wrapper {
		margin-bottom: 10px;
	}
	
	.newbie-table-functional-wrapper {
		display: flex;
		justify-content: space-between;
		padding-bottom: 10px;
		align-items: center;
		
		.newbie-table-functional-default {
			width: 150px;
			flex-shrink: 0;
			text-align: right;
		}
		
		.newbie-table-functional {
			flex-grow: 1;
		}
	}
	
	/*    &.newbie-table-hidden {
			:deep(.newbie-table > .ant-card-body) {
				display: none;
			}
	
			.newbie-form-extra-arrow {
				transform: rotate(180deg);
			}
		}
	
		.newbie-hidden {
			display: none !important;
		}*/
	
	.ant-table-wrapper {
		border: none;
		
		.newbie-table-striped td {
			background-color: #fafafa;
		}
		
		.ant-table-cell .ant-image {
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
		}
		
		:deep(.ant-table-cell .table-actions-wrapper) {
			.ant-btn-text {
				border-right: 1px solid #999;
				border-radius: 0;
				
				&:last-child {
					border-right: none;
				}
			}
		}
	}
	
	.newbie-table-footer {
		padding: 20px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		/**
		有 pagination 时上移到 pagination 同一高度
		 */
		
		&.pagination-adapt {
			margin-top: -70px;
		}
		
		.newbie-table-append-wrapper {
			flex-grow: 1;
			padding: 10px 0 0;
		}
		
		.newbie-table-pagination-wrapper {
			text-align: right;
			flex-shrink: 0;
			width: 550px;
		}
	}
}