.layout-container { width: 100%; height: 100%; scrollbar-width: thin; } .layout-container ::-webkit-scrollbar { border-radius: 3px; width: 6px; background-color: #EEEEEE; height: 6px; } .layout-container ::-webkit-scrollbar-thumb { border-radius: 3px; opacity: 0.6; background: #999999; } .layout-container ::-webkit-scrollbar-thumb:hover { opacity: 0.66; background: #666666; } .layout-container .el-container { width: 100%; height: 100%; } .layout-container .el-container .el-header, .layout-container .el-container .el-main { padding: 0; } .layout-container .el-container .el-header { display: -webkit-box; display: -ms-flexbox; display: flex; background: #0099cc; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .layout-container .el-container .el-header img { margin-top: 4px; margin-left: 10px; height: 38px; } .layout-container .el-container .el-header .header-title { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-indent: 0.1em; font-size: 32px; color: #fff; } .layout-container .el-container .el-header .el-menu li { font-size: 18px; } .layout-container .el-container .el-header .el-menu li .el-submenu__title { font-size: 18px; } .layout-container .el-container .el-header .el-menu li .el-submenu__title:hover { background: transparent !important; color: #ffff66 !important; } .layout-container .el-container .el-header .el-menu li:hover { background: transparent !important; color: #ffff66 !important; } .layout-container .el-container .el-main { height: calc(100% - 60px); } .el-menu--horizontal .el-menu-item { text-align: center; background: transparent !important; } .el-menu--horizontal .el-menu-item:hover { background: transparent !important; color: #ffff66 !important; } .el-menu-demo .el-menu-item a { text-decoration: none !important; } .el-menu--collapse .el-menu .el-submenu, .el-menu--popup { min-width: 132px !important; } .el-submenu__title i { color: #fff; } .dialog-fade-enter-active .el-dialog.way { -webkit-animation: anim-open 1s; animation: anim-open 1s; } .dialog-fade-leave-active .el-dialog.way { -webkit-animation: anim-close 1s; animation: anim-close 1s; } @-webkit-keyframes dialog-fade-in { 0% { -webkit-transform: scale(0.1) translate3d(100%, 0, 0); transform: scale(0.1) translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes dialog-fade-in { 0% { -webkit-transform: scale(0.1) translate3d(100%, 0, 0); transform: scale(0.1) translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes dialog-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) scale(0.1); transform: translate3d(100%, 0, 0) scale(0.1); opacity: 0; } } @keyframes dialog-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) scale(0.1); transform: translate3d(100%, 0, 0) scale(0.1); opacity: 0; } } @-webkit-keyframes anim-open { 0% { -webkit-transform: scale(0.1) translate3d(100%, 0, 0); transform: scale(0.1) translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes anim-open { 0% { -webkit-transform: scale(0.1) translate3d(100%, 0, 0); transform: scale(0.1) translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes anim-close { 0% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) scale(0.1); transform: translate3d(100%, 0, 0) scale(0.1); opacity: 0; } } @keyframes anim-close { 0% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) scale(0.1); transform: translate3d(100%, 0, 0) scale(0.1); opacity: 0; } } /*# sourceMappingURL=index.css.map */