Merge pull request #42 from aulianza/feat/updates

feat: update content
aulianza · Apr 11, 2024 · 4d703c2 · 4d703c2
2 parents 89debbe + b5e0415
commit 4d703c2
Show file tree

Hide file tree

Showing 13 changed files with 129 additions and 134 deletions.
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -1,3 +1 @@
 . "$(dirname "$0")/_/husky.sh"
-
-pnpm lint-staged
diff --git a/next.config.js b/next.config.js
@@ -1,4 +1,5 @@
 const nextConfig = {
+  reactStrictMode: false,
   swcMinify: true,
   images: {
     domains: ["aulianza.s3.ap-southeast-1.amazonaws.com"],

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -14,3 +14,18 @@
 body {
   background-color: #eceff3;
 }
+
+html,
+body {
+  height: 100%;
+}
+
+html {
+  display: table;
+  margin: auto;
+}
+
+body {
+  display: table-cell;
+  vertical-align: middle;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -33,9 +33,8 @@ export default function RootLayout({
         data-website-id="c2ee1939-526f-4607-9cfb-cc19817333cf"
       />
       <body className={clsx(sora.className)}>
-        <div className="max-w-[480px] mx-auto bg-white md:shadow-xl md:rounded-lg md:my-3 ">
+        <div className="min-h-screen md:min-h-fit max-w-[480px] mx-auto bg-white md:shadow-xl md:rounded-lg md:my-3 ">
           {children}
-          <Footer />
         </div>
       </body>
     </html>

diff --git a/src/common/components/PageHeader.tsx b/src/common/components/PageHeader.tsx
@@ -11,7 +11,7 @@ const PageHeader = ({ title }: PageHeaderProps) => {
   const router = useRouter();
 
   return (
-    <div className="flex items-center gap-4">
+    <div className="sticky top-0 z-50 flex items-center gap-4 bg-white py-5">
       <button
         onClick={() => router.push("/")}
         className="flex w-auto items-center justify-center gap-x-2 p-2 rounded-full hover:gap-x-3 transition-all duration-300 border-2 border-neutral-500 hover:border-neutral-900"

diff --git a/src/common/components/Qris.tsx b/src/common/components/Qris.tsx
@@ -12,9 +12,13 @@ const Qris = ({ onBack }: { onBack: () => void }) => {
 
   return (
     <>
-      <Image src="/images/qris-long.webp" alt="QRIS" width={200} height={50} />
-      <Image src="/images/qris.svg" alt="QRIS" width={300} height={300} />
-      <div className="flex w-full px-3 gap-3">
+      <Image
+        src="/images/qris-aulianza.webp"
+        alt="QRIS"
+        width={500}
+        height={800}
+      />
+      <div className="p-6 flex w-full gap-5">
         <button
           onClick={onBack}
           className="flex w-auto items-center justify-center gap-x-2 p-3 rounded-full hover:gap-x-3 transition-all duration-300 border-2 border-neutral-500 hover:border-neutral-900"