Commit 31785e10 authored by Nawasan Wisitsingkhon's avatar Nawasan Wisitsingkhon

fix: admin navbar mobile popup close after click;

fix: report layout;
parent d8648b2c
...@@ -228,7 +228,11 @@ function AdminNavbar(props) { ...@@ -228,7 +228,11 @@ function AdminNavbar(props) {
> >
{MenuList.map((menu, idx) => ( {MenuList.map((menu, idx) => (
<span key={idx}> <span key={idx}>
<Link className="text-black no-underline" href={menu.link}> <Link
onClick={handleMenuClose}
className="text-black no-underline"
href={menu.link}
>
<MenuItem> <MenuItem>
{menu.element} {menu.element}
<p>{menu.label}</p> <p>{menu.label}</p>
......
...@@ -11,7 +11,7 @@ export default function Report() { ...@@ -11,7 +11,7 @@ export default function Report() {
<Head> <Head>
<title>รายงาน | admin</title> <title>รายงาน | admin</title>
</Head> </Head>
<Grid sx={{maxWidth: 1080, mx: "auto"}} container spacing={3}> <Grid className="xl:mx-auto" sx={{ maxWidth: 1080 }} container spacing={3}>
<Grid item xs={12} md={8} lg={9}> <Grid item xs={12} md={8} lg={9}>
<Paper <Paper
sx={{ sx={{
......
...@@ -159,8 +159,8 @@ export default function Home() { ...@@ -159,8 +159,8 @@ export default function Home() {
message={message.message} message={message.message}
/> />
<div> <div>
<Box className="flex justify-start mb-3 px-10 max-w-[1520px] mx-auto"> <Box className="flex justify-start mb-3 sm:px-10 max-w-[1520px] mx-auto">
<Box sx={{ display: "flex", overflowX: "scroll", maxWidth: "100vw" }}> <Box sx={{ display: "flex", overflowX: "scroll" }}>
<Button <Button
variant={category === -1 ? "contained" : "text"} variant={category === -1 ? "contained" : "text"}
className={`${category === -1 ? "" : "bg-white"} mx-1`} className={`${category === -1 ? "" : "bg-white"} mx-1`}
...@@ -239,7 +239,9 @@ export default function Home() { ...@@ -239,7 +239,9 @@ export default function Home() {
))} ))}
</div> </div>
) : ( ) : (
<Paper className="shadow-none" sx={{ p: 2, textAlign: "center" }}><CircularProgress /></Paper> <Paper className="shadow-none" sx={{ p: 2, textAlign: "center" }}>
<CircularProgress />
</Paper>
)} )}
</div> </div>
</> </>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment