WuYongJie/CaiWuXiTong
1
0
Fork 0
Code Issues Pull Requests 7 Packages Projects Releases Wiki Activity

修复账户账单筛选栏在窄内容区的布局 #205

Merged
qiuxiang merged 1 commits from fix/qiuxiang-account-bill-filter-layout into main 2026-09-18 17:04:20 +08:00
Conversation 0 Commits 1 Files Changed 1 +14
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/assets/js/components/business/AccountBills.vue
View File

@ -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}
}
</style>
<style>