style: slicing home page, adjust for mobile view

slicing home page, adjust for mobile view
2025-02-20 01:37:35 +07:00
parent fe441ad5ac
commit f17627bdf2
13 changed files with 412 additions and 128 deletions
@@ -0,0 +1,25 @@
+import { Link } from 'react-router'
+
+import { APP } from '~/data/meta'
+
+export default function Banner() {
+  return (
+    <div className="min-h-[65px] bg-amber-400 sm:mx-10">
+      <div className="relative">
+        <Link
+          to="/#"
+          className="mt-2 h-full py-2"
+        >
+          <img
+            src={'https://placehold.co/1200x70.png'}
+            alt={APP.title}
+            className="h-[70px] w-auto sm:h-full"
+          />
+        </Link>
+        <p className="absolute top-2 mx-10">
+          Lorem ipsum dolor sit, amet consectetur
+        </p>
+      </div>
+    </div>
+  )
+}