mt77/synapse-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make login form use dark/light theme

Browse Source
This commit is contained in:
Aine
2024-11-18 12:48:20 +02:00
parent c28ed94ca0
commit 86d0fd04e6
1 changed files with 52 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/LoginFormBox.tsx
View File

@@ -8,7 +8,7 @@ const LoginFormBox = styled(Box)(({ theme }) => ({
alignItems: "center", alignItems: "center",
justifyContent: "flex-start", justifyContent: "flex-start",
background: "url(./images/floating-cogs.svg)", background: "url(./images/floating-cogs.svg)",
backgroundColor: "#f9f9f9", backgroundColor: theme.palette.mode === 'dark' ? theme.palette.background.default : theme.palette.background.paper,
backgroundRepeat: "no-repeat", backgroundRepeat: "no-repeat",
backgroundSize: "cover", backgroundSize: "cover",
@@ -53,6 +53,7 @@ const LoginFormBox = styled(Box)(({ theme }) => ({
marginBottom: "1rem", marginBottom: "1rem",
marginLeft: "0.5rem", marginLeft: "0.5rem",
}, },
})); }
));
export default LoginFormBox; export default LoginFormBox;