Skip to content

Commit 9298e7e

Browse files
authored
chore: remove @emotion/react from <404Page /> (coder#20530)
This PR removes the dependency on `@emotion/react` from the 404 page as part of our ongoing effort to eliminate `@mui/` dependencies across the codebase. I’m slightly concerned that these Tailwind classes might not apply correctly if Tailwind fails to load. If thats an issue, it might be worth converting this page to raw CSS.
1 parent 7182c53 commit 9298e7e

File tree

1 file changed

+5
-20
lines changed

1 file changed

+5
-20
lines changed

site/src/pages/404Page/404Page.tsx

Lines changed: 5 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -2,26 +2,11 @@ import type { FC } from "react";
22

33
const NotFoundPage: FC = () => {
44
return (
5-
<div
6-
css={{
7-
width: "100%",
8-
height: "100%",
9-
display: "flex",
10-
flexDirection: "row",
11-
justifyContent: "center",
12-
alignItems: "center",
13-
}}
14-
>
15-
<div
16-
css={(theme) => ({
17-
margin: 8,
18-
padding: 8,
19-
borderRight: theme.palette.divider,
20-
})}
21-
>
22-
<h4>404</h4>
23-
</div>
24-
<p>This page could not be found.</p>
5+
<div className="w-full h-full flex flex-row justify-center items-center">
6+
<p className="flex gap-4">
7+
<span className="font-bold">404</span>
8+
This page could not be found.
9+
</p>
2510
</div>
2611
);
2712
};

0 commit comments

Comments
 (0)