refactor: 更新 header 样式

ArgoZhang · ArgoZhang · commit b7c7a5a3ddcf · 2025-10-09T17:46:53.000+08:00
diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
@@ -64,8 +64,15 @@
     }
 
 ::deep .bb-g-search {
+    --bs-border-color: var(--bb-header-dropdown-border-color);
+    --bb-border-hover-color: var(--bb-header-dropdown-border-hover-color);    
     width: var(--bb-header-select-width);
-    margin-bottom: var(--bb-header-search-margin-bottom);
+    margin-block-end: var(--bb-header-search-margin-bottom);
+    color: var(--bb-header-dropdown-color);
+}
+
+::deep .bb-g-search > input::placeholder {
+    color: var(--bb-header-dropdown-color);
 }
 
 @media (min-width: 768px) {
@@ -77,7 +84,7 @@
     }
 
     ::deep .bb-g-search {
-        margin-bottom: 0;
+        margin-block-end: 0;
         margin-inline-end: .5rem;
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -64,8 +64,15 @@`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`::deep .bb-g-search {`
	`67`	`+ --bs-border-color: var(--bb-header-dropdown-border-color);`
	`68`	`+ --bb-border-hover-color: var(--bb-header-dropdown-border-hover-color);`
`67`	`69`	`width: var(--bb-header-select-width);`
`68`		`- margin-bottom: var(--bb-header-search-margin-bottom);`
	`70`	`+ margin-block-end: var(--bb-header-search-margin-bottom);`
	`71`	`+ color: var(--bb-header-dropdown-color);`
	`72`	`+}`
	`73`	`+`
	`74`	`+::deep .bb-g-search > input::placeholder {`
	`75`	`+ color: var(--bb-header-dropdown-color);`
`69`	`76`	`}`
`70`	`77`
`71`	`78`	`@media (min-width: 768px) {`
`@@ -77,7 +84,7 @@`
`77`	`84`	`}`
`78`	`85`
`79`	`86`	`::deep .bb-g-search {`
`80`		`- margin-bottom: 0;`
	`87`	`+ margin-block-end: 0;`
`81`	`88`	`margin-inline-end: .5rem;`
`82`	`89`	`}`
`83`	`90`	`}`