feat: add base styles and base routes

2025-04-17 12:24:03 +05:00
parent 51227bfd7b
commit 583d2005a7
13 changed files with 259 additions and 59 deletions
--- a/client/src/components/Header.tsx
+++ b/client/src/components/Header.tsx
@@ -0,0 +1,56 @@
+import Title from 'antd/es/typography/Title';
+
+interface HeaderProps {
+  title: string;
+}
+
+export default function Header({ title }: HeaderProps) {
+  return (
+    <div
+      style={{
+        height: '72px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+      }}
+    >
+      <Title style={{ marginLeft: '16px' }} level={3}>
+        {title}
+      </Title>
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          gap: '24px',
+          marginRight: '26px',
+        }}
+      >
+        <img
+          src="./icons/sider/more.svg"
+          alt="more"
+          style={{ height: '16px', width: '16px' }}
+        />
+        <div
+          style={{
+            borderRadius: '50%',
+            border: '2px solid #8BC34A',
+            height: '32px',
+            width: '32px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+          }}
+        >
+          <img
+            src="https://cdn-icons-png.flaticon.com/512/219/219986.png"
+            alt="user"
+            style={{
+              height: '25.771240234375px',
+              width: '25.771240234375px',
+            }}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}