diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx index 376523970ad399b2ee268c42083e2c4b0b5d710c..d4e0e3f90f605d2857f5c10b2fe1affc81cc3857 100644 --- a/src/components/ui/Header.tsx +++ b/src/components/ui/Header.tsx @@ -46,6 +46,6 @@ export default styled.div<Props>` ` } ${ props => props.borders && css` - border-end-start-radius: 8px; + border-start-start-radius: 8px; ` } `; diff --git a/src/pages/developer/Developer.tsx b/src/pages/developer/Developer.tsx index 1a392bc0119055c4afd45a451ab4ff725d93c889..e8c3e187da029c0aeff7ea6dfad48cf1d5cccc8c 100644 --- a/src/pages/developer/Developer.tsx +++ b/src/pages/developer/Developer.tsx @@ -4,6 +4,7 @@ import Header from "../../components/ui/Header"; import PaintCounter from "../../lib/PaintCounter"; import { AppContext } from "../../context/revoltjs/RevoltClient"; import { useUserPermission } from "../../context/revoltjs/hooks"; +import { Wrench } from "@styled-icons/boxicons-solid"; export default function Developer() { // const voice = useContext(VoiceContext); @@ -12,7 +13,10 @@ export default function Developer() { return ( <div> - <Header placement="primary">Developer Tab</Header> + <Header placement="primary"> + <Wrench size="24" /> + Developer Tab + </Header> <div style={{ padding: "16px" }}> <PaintCounter always /> </div>