style: add qr with gradient

fac30 · Dec 16, 2024 · 75ef517 · 75ef517
1 parent bc4ef78
commit 75ef517
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/public/images/qr-code.png b/public/images/qr-code.png
diff --git a/src/app/DesktopPlaceholder.tsx b/src/app/DesktopPlaceholder.tsx
@@ -40,13 +40,14 @@ export default function DesktopPlaceholder() {
             For the best experience, please visit us on your mobile or tablet
             using the QR code below.
           </p>
-          <Image
-            src="/images/qr-code.png"
-            width={250}
-            height={250}
-            alt="QR code for website URL"
-            className="rounded-3xl"
-          />
+          <div className="bg-white w-72 h-72 rounded-3xl flex justify-center items-center">
+            <Image
+              src="/images/qr-code.png"
+              width={250}
+              height={250}
+              alt="QR code for website URL"
+            />
+          </div>
         </div>
       </div>
     </>