fix: make main area fill remaining width

This commit is contained in:
2026-07-04 21:45:59 +08:00
parent 9f1341316d
commit 86b0eff95b
2 changed files with 5 additions and 1 deletions
+2
View File
@@ -85,9 +85,11 @@ watch(
<style scoped> <style scoped>
.main-area { .main-area {
flex: 1;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 0;
} }
.tab-bar { .tab-bar {
+3 -1
View File
@@ -105,9 +105,10 @@ defineExpose({ refresh })
.info-grid { .info-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 12px; gap: 12px;
margin-bottom: 24px; margin-bottom: 24px;
width: 100%;
} }
.info-card { .info-card {
@@ -136,6 +137,7 @@ defineExpose({ refresh })
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 16px; gap: 16px;
width: 100%;
} }
.info-section { .info-section {