fankes/komari-theme-purcarte
2
0
Fork 0
mirror of https://github.com/fankes/komari-theme-purcarte.git synced 2025-10-19 03:49:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: 调整手机端搜索框等组件下拉样式

Browse Source
This commit is contained in:
Montia37
2025-09-08 00:40:49 +08:00
parent 9e0d24d6cc
commit 743048bb25
2 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/sections/Header.tsx
View File

@@ -91,7 +91,7 @@ export const Header = ({
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent <DropdownMenuContent
align="end" align="end"
className="purcarte-blur border-(--accent-a4) rounded-xl w-48"> className="purcarte-blur border-(--accent-a4) rounded-xl w-[90vw] translate-x-[5vw] mt-[.5rem] max-w-screen-2xl">
<div className="p-2"> <div className="p-2">
<Input <Input
type="search" type="search"
@@ -118,7 +118,7 @@ export const Header = ({
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent <DropdownMenuContent
align="end" align="end"
className="purcarte-blur border-(--accent-a4) rounded-xl"> className="purcarte-blur mt-[.5rem] border-(--accent-a4) rounded-xl">
<DropdownMenuItem <DropdownMenuItem
onClick={() => onClick={() =>
setViewMode(viewMode === "grid" ? "table" : "grid") setViewMode(viewMode === "grid" ? "table" : "grid")

7
src/hooks/useTheme.ts
View File

@@ -59,12 +59,6 @@ export const useTheme = () => {
const defaultAppearance = useConfigItem("selectedDefaultAppearance"); const defaultAppearance = useConfigItem("selectedDefaultAppearance");
const defaultColor = useConfigItem("selectThemeColor"); const defaultColor = useConfigItem("selectThemeColor");
console.log("Config in useTheme:", {
enableLocalStorage,
defaultAppearance,
defaultColor,
});
const [appearance, setAppearance] = useState<Appearance>(() => { const [appearance, setAppearance] = useState<Appearance>(() => {
if (enableLocalStorage) { if (enableLocalStorage) {
const storedAppearance = localStorage.getItem("appearance"); const storedAppearance = localStorage.getItem("appearance");
@@ -88,7 +82,6 @@ export const useTheme = () => {
return cleanedColor as Colors; return cleanedColor as Colors;
} }
} }
console.log("defaultColor in useState:", defaultColor);
return (defaultColor as Colors) || THEME_DEFAULTS.color; return (defaultColor as Colors) || THEME_DEFAULTS.color;
}); });