feat: add new components and layouts for news and dashboard pages

2025-01-31 19:34:22 +08:00
parent 005e72798c
commit f8a87019af
14 changed files with 83 additions and 9 deletions
@@ -0,0 +1,28 @@
+import { Link } from 'react-router'
+
+import { Button } from '~/components/button'
+import { HTML_TITLE } from '~/configs/meta'
+import { DUMMY } from '~/data/dummy'
+
+export const HeaderTop = () => {
+  return (
+    <div className="flex h-[100px] items-center justify-between gap-[15px] bg-white px-[50px] py-[20px]">
+      <Link
+        to="/news"
+        className="h-full py-[5px]"
+      >
+        <img
+          src="/images/logo.svg"
+          alt={HTML_TITLE}
+          className="h-full w-auto"
+        />
+      </Link>
+      <div className="flex h-full items-center py-1.5 font-light whitespace-pre-line">
+        {DUMMY.description}
+      </div>
+      <div className="">
+        <Button />
+      </div>
+    </div>
+  )
+}
@@ -0,0 +1,14 @@
+import React, { type FC, type PropsWithChildren } from 'react'
+
+import { HeaderTop } from './header-top'
+
+export const NewsPage: FC<PropsWithChildren> = ({ children }) => {
+  return (
+    <main className="min-h-dvh bg-[#ECECEC]">
+      <header>
+        <HeaderTop />
+      </header>
+      {children}
+    </main>
+  )
+}