asb_cloud_front/src/styles/App.less

102 lines
1.8 KiB
Plaintext

@import '~antd/dist/antd.less';
@import './loader.css';
// Переменные для темы тут:
// https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
//@primary-color: rgba(124, 124, 124, 0.3);
@primary-color: rgb(195, 40,40);
//@primary-color:rgb(65, 63, 61);
//@layout-header-background: rgb(195, 40,40);
@layout-header-background: rgb(65, 63, 61);
#root, .app{min-height:100%;}
.login_page{
position: absolute;
height:100%;
width:100%;
display: flex;
justify-content: center;
align-items: center;
padding: 24px;
}
.shadow{
box-shadow: 1px 1px 4px #00000033;
}
.header {
display: flex;
align-items: center;
padding: 4px 24px;
}
.header .logo {
background-color: rgb(230, 230, 230);
border-radius: 32px;
padding: 8px 24px;
margin: 8px 10px;
box-shadow: #fff 2px;
}
.header .title{
flex-grow: 1;
color: #fff;
text-align: center;
justify-content: baseline;
}
.header button{
color: rgb(255, 255, 255);
background-color: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.2);
}
.sheet{
padding: 24px;
margin: 8px;
min-height: 280;
}
.site-layout-background {
background: #fff;
}
.border_small{
border: 1px solid rgba(0, 0, 0, 0.05);
}
.display_flex_container{
display: flex;
flex-wrap: wrap;
flex: auto;
}
.display_label{
font-size: 16px;
color: rgb(70, 70, 70);
text-align: left;
justify-content: baseline;
margin: 1px 1rem 1px 1rem;
flex: auto;
}
.display_value{
font-size: 18px;
font-weight: bold;
color: rgb(50, 50, 50);
text-align: right;
justify-content: flex-end;
align-items:baseline;
margin: 1px 1rem;
flex: auto;
}
.display_small_value{
color: rgb(50, 50, 50);
text-align: right;
justify-content: baseline;
margin: 1px 1rem 1px 1rem;
flex: auto;
}