Fix search field border bottom color in light mode (#97)

* change placeholder * amend translation * fix same color in light mode * Revert "amend translation" This reverts commit 601be91. * Revert "change placeholder" This reverts commit 4818a6c.
hkbus · Dec 11, 2023 · ff106d5 · ff106d5
1 parent 210d47b
commit ff106d5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
@@ -234,6 +234,12 @@ const searchRouteInputSx: SxProps<Theme> = {
   "& input::before": {
     borderBottom: (theme) => `1px ${theme.palette.text.primary} solid`,
   },
+  "&.Mui-focused": {
+    "::after": {
+      borderBottomColor: ({ palette }) =>
+        palette.mode === "dark" ? palette.primary.main : palette.text.primary,
+    },
+  },
 };
 
 const funcPanelSx: SxProps<Theme> = {