141 lines
2.1 KiB
CSS
141 lines
2.1 KiB
CSS
.resp-wrap {
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.resp-wrap > div {
|
|
width: 100%;
|
|
}
|
|
|
|
#date_select_1-container .SingleDatePickerInput {
|
|
width: 150px;
|
|
max-width: 90vw;
|
|
}
|
|
|
|
.mobile-menu-button {
|
|
width: 180px;
|
|
}
|
|
|
|
@media screen and (max-width: 1230px) {
|
|
.resp-wrap {
|
|
flex-direction: column;
|
|
}
|
|
.mobile-full {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media screen and (min-width: 750px) {
|
|
.resp-wrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.resp-wrap > div {
|
|
width: auto;
|
|
}
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
.ant-table {
|
|
width: 100%;
|
|
min-width: 280px;
|
|
overflow-x: auto;
|
|
max-width: calc(100vw - 2rem);
|
|
}
|
|
.name_block_hider {
|
|
display: none;
|
|
}
|
|
.mobile-menu-button {
|
|
width: 150px;
|
|
}
|
|
.small-col {
|
|
flex-direction: column;
|
|
row-gap: 1.25rem;
|
|
}
|
|
.small-col > .ant-select {
|
|
width: 100%;
|
|
min-width: 280px;
|
|
}
|
|
#date_select_1-container .SingleDatePickerInput {
|
|
width: 100%;
|
|
min-width: 280px;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 490px) {
|
|
.group_settings-setting-title-param.mobile-early-column {
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
}
|
|
.mobile-early-column {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.rdt > input {
|
|
border-bottom: 1px solid gray;
|
|
}
|
|
.flex-but {
|
|
max-width: 150px;
|
|
}
|
|
|
|
@media screen and (max-width: 1230px) {
|
|
.flex-but {
|
|
max-width: 100vw;
|
|
}
|
|
}
|
|
|
|
.table-container-shadow {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
row-gap: 0.5rem;
|
|
margin: 1rem;
|
|
align-items: center;
|
|
background-color: white;
|
|
padding: 2rem 1rem;
|
|
justify-content: center;
|
|
box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12), 2px 3px 7px rgba(0, 0, 0, 0.24);
|
|
column-gap: 20px;
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.link_btn {
|
|
text-decoration: underline;
|
|
color: blue;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fontw-100 {
|
|
font-weight: 100;
|
|
}
|
|
|
|
.fontw-200 {
|
|
font-weight: 200;
|
|
}
|
|
|
|
.fontw-300 {
|
|
font-weight: 300;
|
|
}
|
|
|
|
.fontw-400 {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.fontw-500 {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.fontw-600 {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.fontw-700 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.fontw-800 {
|
|
font-weight: 800;
|
|
}
|
|
|
|
.fontw-900 {
|
|
font-weight: 900;
|
|
}
|