mirror of
https://github.com/coder/coder.git
synced 2026-09-24 15:04:27 +08:00
chore: remove @emotion/react from <404Page /> (#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.
This commit is contained in:
@@ -2,26 +2,11 @@ import type { FC } from "react";
|
||||
|
||||
const NotFoundPage: FC = () => {
|
||||
return (
|
||||
<div
|
||||
css={{
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
display: "flex",
|
||||
flexDirection: "row",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
css={(theme) => ({
|
||||
margin: 8,
|
||||
padding: 8,
|
||||
borderRight: theme.palette.divider,
|
||||
})}
|
||||
>
|
||||
<h4>404</h4>
|
||||
</div>
|
||||
<p>This page could not be found.</p>
|
||||
<div className="w-full h-full flex flex-row justify-center items-center">
|
||||
<p className="flex gap-4">
|
||||
<span className="font-bold">404</span>
|
||||
This page could not be found.
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user