fix: tab list at bottom

CyanSalt · CyanSalt · commit 7e58573db2cd · 2024-09-29T15:29:46.000+08:00
diff --git a/src/renderer/components/ActionBar.vue b/src/renderer/components/ActionBar.vue
@@ -51,6 +51,7 @@ function configure() {
   grid-template-columns: 1fr auto 1fr;
   height: 32px;
   &:has(.tab-list) {
+    display: flex;
     height: 52px; // 36 + 2 * 8
   }
 }
@@ -82,6 +83,7 @@ function configure() {
 }
 .title-wrapper {
   display: flex;
+  flex: auto;
   &:has(.terminal-title) {
     justify-content: center;
   }

Original file line number	Diff line number	Diff line change
`@@ -51,6 +51,7 @@ function configure() {`
`51`	`51`	`grid-template-columns: 1fr auto 1fr;`
`52`	`52`	`height: 32px;`
`53`	`53`	`&:has(.tab-list) {`
	`54`	`+ display: flex;`
`54`	`55`	`height: 52px; // 36 + 2 * 8`
`55`	`56`	`}`
`56`	`57`	`}`
`@@ -82,6 +83,7 @@ function configure() {`
`82`	`83`	`}`
`83`	`84`	`.title-wrapper {`
`84`	`85`	`display: flex;`
	`86`	`+ flex: auto;`
`85`	`87`	`&:has(.terminal-title) {`
`86`	`88`	`justify-content: center;`
`87`	`89`	`}`