update maw width in wishlist;

iupdate error page;

update maw width in wishlist;
iupdate error page;
9df6c585 · Nawasan Wisitsingkhon · 50e809da · 9df6c585 · 9df6c585 · 9df6c585
Commit 9df6c585 authored Oct 07, 2023 by Nawasan Wisitsingkhon
Hide whitespace changes
Inline Side-by-side

Showing with 22 additions and 4 deletions

Footer.js src/components/Footer.js +3 -2

_error.js src/pages/_error.js +18 -1

wishlist.js src/pages/wishlist.js +1 -1

No files found.
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
+import { GitHub } from "@mui/icons-material";
 import { Box } from "@mui/material";
 import React from "react";

@@ -5,10 +6,10 @@ export default function Footer() {
  return (
    <Box sx={{ p: 3, display: "flex", justifyContent: "end" }}>
      <a
-        className="text-slate-800 font-medium no-underline hover:underline md:mx-5"
+        className="flex items-center text-slate-800 font-medium no-underline hover:underline md:mx-5"
        href="https://github.com/nawasan111/final-exam"
      >
-        Source code
+        <GitHub sx={{ mx: 1 }} /> Source code
      </a>
      <a
        className="text-slate-800 font-medium no-underline hover:underline md:mx-5"

--- a/src/pages/_error.js
+++ b/src/pages/_error.js
+import { Home } from "@mui/icons-material";
+import { BrowserNotSupported } from "@mui/icons-material";
+import { Box, IconButton, Paper } from "@mui/material";
+import Link from "next/link";
 import React from "react";

 export default function Error() {
-  return <div>Not found</div>;
+  return (
+    <Box sx={{ maxWidth: 1200, mx: "auto" }}>
+      <Paper className="shadow-none" sx={{ p: 5, textAlign: "center" }}>
+        <Box>
+          <Link title="กลับสู่หน้าหลัก" href={'/'}>
+            <IconButton sx={{ width: 100, height: 100 }}>
+              <BrowserNotSupported sx={{ transform: "scale(3)" }} />
+            </IconButton>
+          </Link>
+        </Box>
+        ไม่พบหน้าที่ต้องการ
+      </Paper>
+    </Box>
+  );
 }
--- a/src/pages/wishlist.js
+++ b/src/pages/wishlist.js
@@ -110,7 +110,7 @@ export default function Wishlist() {
      <Head>
        <title>รายการชื่นชอบ | OpenShop</title>
      </Head>
-      <Box>
+      <Box sx={{maxWidth: 1200, mx: "auto"}}>
        <PopupAlert
          open={!!message.message.length}
          isError={message.error}