diff --git a/resources/assets/js/components/business/AccountBills.vue b/resources/assets/js/components/business/AccountBills.vue index f4ac17da..66108c21 100644 --- a/resources/assets/js/components/business/AccountBills.vue +++ b/resources/assets/js/components/business/AccountBills.vue @@ -101,6 +101,20 @@ export default { .tw-keyword-controls>select{min-width:0;width:100%} .tw-keyword-controls>input{min-width:0} @media(max-width:900px){.tw-tools{flex:0 1 auto;width:100%}} +.table-workspace{container-type:inline-size} +@container(max-width:1200px){ + .table-workspace .tw-filter{grid-template-columns:repeat(2,minmax(0,1fr))} + .table-workspace .tw-date{grid-column:1/-1} + .table-workspace .tw-keyword-controls{flex-wrap:nowrap} + .table-workspace .tw-keyword-controls>select{width:auto} + .table-workspace .tw-keyword-controls>input{flex:1;width:0} +} +@container(max-width:600px){ + .table-workspace .tw-filter{grid-template-columns:minmax(0,1fr)} + .table-workspace .tw-date{grid-column:auto} + .table-workspace .tw-keyword-controls{flex-wrap:wrap} + .table-workspace .tw-keyword-controls>select,.table-workspace .tw-keyword-controls>input{width:100%;flex:auto} +}