lm-piplines/public/css/components/111_group_settings.css
2024-04-24 11:13:56 +03:00

95 lines
1.8 KiB
CSS

.group_settings {
display: flex;
flex-direction: column;
}
.group_settings-setting {
display: flex;
width: 100%;
border-bottom: 1px solid #cecece;
padding: 0 0 20px 0;
flex-direction: column;
margin: 20px 0;
}
.group_settings-setting-title{
margin: 0 10px;
display: flex;
}
.group_settings-setting-title > label{
display: flex;
column-gap: 0.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.group_settings-setting-title-params {
display: flex;
column-gap: 0.5rem;
row-gap: 0.5rem;
flex-wrap: wrap;
}
.ant-btn.group_settings-setting-title-params {
margin: 10px;
}
@media screen and (max-width: 1080px) {
.group_settings-setting-title-params {
flex-direction: column;
}
.ant-btn.group_settings-setting-title-params {
margin: 10px 0;
}
}
.group_settings-setting-title-param {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
max-width: 100%;
}
.group_settings-setting-title-param.full {
width: 100%;
}
.group_settings-setting-title-param-subtitle {
margin: 0 10px;
min-width: 20px;
width: fit-content;
}
.group_settings-setting-title-param-subtitle.selector {
width: 200px;
}
.group_settings-setting-title-param-value {
display: flex;
flex-wrap: wrap;
min-width: 100px;
max-width: 100%;
gap: 0.5rem;
}
.group_settings-setting-title-param-comments{
display: flex;
flex-direction: column;
border-left: 5px solid #00000073;
padding-left: 10px;
}
.compact-picker {
width: 100% !important;
}
.flex-input-control-block{
flex: 1 1 150px;
min-width: 150px;
}
@media screen and (max-width: 1230px) {
.flex-input-control-block{
flex: 1 1 36px;
}
}
.disable-enabled {
margin: "0 10px;"
}
.disable-enabled[disabled] {
color: #1890ff;
border: 1px solid #1890ff;
}