@import '@/global/global.less';

.layout-header {
	height: auto;
	background: @page-bg-color;
	// padding: 1em 1em 0 2em;
	padding: 0 !important;
	line-height: normal !important;
}

.layout-sider {
	background: #fff !important;
	min-height: calc(100vh - 88px);
	overflow: hidden;
	// 鼠标移入显示滚动条
	&:hover {
		overflow: auto;
	}
}
.layout-content {
	background: @page-bg-color;
	padding: 0em 1em; // 0em 1em 1em;
	.back-top {
		width: 100%;
		height: 100%;
		background: url('../../assets/svg/back_top.svg');
		// opacity: 0.2;
		// &:hover{
		// 	opacity: 1;
		// }
	}
}

.base-header {
	// background: url('../../assets/images/header-bg.jpg');
	background-color: rgba(47, 84, 235, 1);
	width: 100%;
	padding: 9px 3em 9px 1em;
	.container {
		display: flex;
		align-items: center;
		.welcome-text {
			color: #fff;
			font-size: 1.3em;
			// font-weight: bold;
			.logo {
				display: inline-block;
				margin-right: 0.5em;
				width: 34px;
				height: 26px;
				vertical-align: middle;
			}
			// vertical-align: -0.15em;
			// vertical-align: middle;
			span.text {
				display: inline-block;
				vertical-align: middle;
			}
			span.text-collapsed {
				font-size: 0;
				vertical-align: middle;
			}
		}
		.action-button {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			.time {
				margin-right: 2em;
			}
			.icon {
				font-size: 1.8em;
				color: #fff;
			}
			.user-default {
				margin-left: 2em;
			}
			.user-select {
				margin-left: 2em;
				background-color: #fff;
				width: 32px;
				height: 32px;
				font-size: 32px;
				border-radius: 50%;
			}
			.user-name {
				margin-left: 0.5em;
				margin-right: 0.5em;
				font-size: 1em;
				color: #fff;
			}
			.type-dropdown {
				a {
					color: #fff;
				}
				color: #fff;
				margin-left: 1em;
			}
		}
	}
}