@jianghujs/jianghu/app/public/css/vuetify.custom.css

Progressive Enterprise Framework

.cus-v-input .v-input__slot{
    margin: 0!important;
}
.cus-v-input .v-messages-outer,
.cus-v-input .v-text-field__details{
    position: absolute!important;
    bottom: -23px!important;
    left: -10px!important;
}
/* .v-btn:not(.v-btn--round).v-size--default {
    height: 40px!important;
} */
.cus-v-input .v-input__append-outer {
    margin-top: 0!important;
}
.theme--light.v-data-table.v-data-table--fixed-header thead th {
    background: #F6F6F6!important;
}
.cus-table {
    border: 1px solid #EEEEEE!important;
}
.cus-card {
    border: 1px solid #EEEEEE!important;
}
.v-data-table__progress{
    height: 10px!important;
}
.v-data-table__progress .v-progress-linear{
    max-width: 80vw;
}
.v-data-table__empty-wrapper td {
    max-width: 80vw;
    text-align: left;
}
.v-application .theme--dark.secondary{
    background-color: #22262e!important;
    border-color: #22262e!important;
}
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background: #fbfbfb!important;
}
td:not(:first-child):not(.v-picker td),
th:not(:first-child):not(.v-picker th) {
    border-left: thin solid rgba(0, 0, 0, .12) !important;
}
th  {
    white-space: nowrap;
}
td:not(.v-picker td),
th:not(.v-picker th) {
    border-bottom: thin solid rgba(0, 0, 0, .12) !important;
}
.fullScreen {
    min-height: calc(100vh -  56px);
}
.flex-none {
    flex: none;
}
.v-application .v-btn--outlined.theme--light {
    background-color: white!important;
}
.v-application .v-btn--outlined.theme--dark {
    background-color: #333333!important;
}
.flex-column .v-data-table__wrapper {
    flex: 1!important;
    overflow-y: auto!important;
    max-height: calc(100vh - 197px);
}
.v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr>th.fixed {
    z-index: 5!important;
}
.v-application .align-center.text-start {
    text-align: center!important;
}
.v-dialog--fullscreen .v-sheet .container{
    height: 100vh;
    margin: 15vh 0 0 0;
    background: #ffffff;
    padding: 50px 0 0 0;
    position: relative;
}
.v-dialog--fullscreen .v-sheet {
    height: 100vh;
    top: 0;
    position: fixed;
    background: rgba(0,0,0,0.5);
}
.v-dialog--fullscreen {
    background: rgba(0,0,0,0.5);
    top: auto!important;
    bottom: 0;
}

.v-dialog--fullscreen .v-data-table{
    max-height: 78vh;
}
.notIncludedMembersSheet {
    min-height: 200px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    padding-top: 20vh;
    top: 0;
}
.v-data-table.show-select table > tbody > tr > td:nth-child(1),
.v-data-table.show-select table > thead > tr > th:nth-child(1) {
    position: sticky !important;
    position: -webkit-sticky !important;
    left: 0;
    z-index: 14;
    background: white;
}

/* 固定表头部第一个字段 */
.v-data-table.show-select table > tbody > tr > td.fixed:nth-child(2),
.v-data-table.show-select table > thead > tr > th.fixed:nth-child(2) {
    position: sticky !important;
    position: -webkit-sticky !important;
    left: 64px;
    z-index: 4!important;
    border-right: 1px solid #EEEEEE;
}
.v-menu__content {
    background: white;
}
.navDrawerContainer {
    display: flex;
    flex-flow: column;
    height: 100%;
}
.navDrawerContainer > .row:first-child {
    flex: none;
}
.navDrawerContainer > .row:last-child {
    flex: 1;
}
.v-label, input, .v-input {
    font-size: 0.875rem!important;
}
.v-toolbar__title {
    overflow: visible;
}
@media (max-width: 600px) {
    .v-application .col-sm-4-flex {
        flex: 4 !important;
    }
    .v-application .col-sm-8-flex {
        flex: 8 !important;
    }
    .v-application .pa-xs-0 {
        padding: 0!important;
    }
    .v-application .pt-xs-11  {
        padding-top: 22px!important;
    }
    .v-application .pa-xs-2  {
        padding-top: 4px!important;
    }
    .v-application .pa-xs-4  {
        padding-top: 8px!important;
    }
    .v-application .pb-xs-2  {
        padding-bottom: 4px!important;
    }
    .v-application .pb-xs-4  {
        padding: 8px!important;
    }
    .v-data-footer  {
        flex-wrap: nowrap;
    }
    .v-data-footer__pagination  {
        margin: 0 5px!important;
    }
    .v-application--is-ltr .v-data-footer__select .v-select {
        margin-left: 10px!important;
    }
    .v-application--is-ltr .v-data-table--fixed-header .v-data-footer   {
        margin-right: 5px!important;
    }
    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td,
    .v-data-table>.v-data-table__wrapper>table>tbody>tr>th,
    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td,
    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th,
    .v-data-table>.v-data-table__wrapper>table>thead>tr>td,
    .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
        padding: 0 5px!important;
    }
    .v-application table > tbody > tr > td.fixed:nth-child(2),
    .v-application table > thead > tr > th.fixed:nth-child(2),
    .v-application table > tbody > tr > td.fixed:last-child,
    .v-application table > thead > tr > th.fixed:last-child {
        position: relative!important;
    }
    .flex-column .v-data-table__wrapper {
        max-height: calc(100vh - 217px);
    }
    .flex-column.hasFilterContainer .v-data-table__wrapper {
        max-height: calc(100vh - 405px);
    }
    table > tbody > tr > td.fixed:nth-child(2),
    table > thead > tr > th.fixed:nth-child(2) {
        left: 0!important;
    }
}
@media (min-width: 1264px) {
    .container {
        max-width: 100vw;
    }
}
@media (min-width: 960px)  {
    .container {
        max-width: 100vw;
    }
}