From 4e28470d2dd23d8cb2aeb8e034f396dbaf4a2f92 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Sun, 4 Jul 2021 10:41:03 +0200
Subject: [PATCH] Fix: Small header fixes
---
src/components/ui/Header.tsx | 2 +-
src/pages/developer/Developer.tsx | 6 +++++-
2 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx
index 3765239..d4e0e3f 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 1a392bc..e8c3e18 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>
--
GitLab