chore: 优化 SectionLayout 和 Toolbar 组件样式

l246804 · l246804 · commit 5ab076f2376b · 2025-10-27T12:05:58.000+08:00
diff --git a/src/shared/section-layout/index.css b/src/shared/section-layout/index.css
@@ -1,10 +1,11 @@
 :where(.kit-section),
-:where(.kit-section) [class^='kit-section__'] {
+:where(.kit-section) :is(.kit-section__main, .kit-section__item) {
   box-sizing: border-box;
+  position: relative;
 }
 
 :where(.kit-section) {
-  --gap: 0.75rem;
+  --gap: 0.75em;
 
   display: flex;
   gap: var(--gap);
diff --git a/src/shared/toolbar/index.css b/src/shared/toolbar/index.css
@@ -21,6 +21,7 @@
 }
 
 :where(.kit-toolbar) > .kit-toolbar__left > .kit-toolbar__title {
+  position: relative;
   font-size: var(--title-font-size);
   font-weight: var(--title-font-weight);
   line-height: 1;
@@ -32,7 +33,6 @@
   height: 1em;
   border-left: 1px var(--divider-color) solid;
   margin: 0 0.75em;
-  vertical-align: middle;
 }
 
 :where(.kit-toolbar)

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`:where(.kit-toolbar) > .kit-toolbar__left > .kit-toolbar__title {`
	`24`	`+ position: relative;`
`24`	`25`	`font-size: var(--title-font-size);`
`25`	`26`	`font-weight: var(--title-font-weight);`
`26`	`27`	`line-height: 1;`
`@@ -32,7 +33,6 @@`
`32`	`33`	`height: 1em;`
`33`	`34`	`border-left: 1px var(--divider-color) solid;`
`34`	`35`	`margin: 0 0.75em;`
`35`		`- vertical-align: middle;`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`:where(.kit-toolbar)`