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) {
>
{MenuList.map((menu, 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>
{menu.element}
<p>{menu.label}</p>
......
......@@ -11,7 +11,7 @@ export default function Report() {
<Head>
<title>รายงาน | admin</title>
</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}>
<Paper
sx={{
......
......@@ -159,8 +159,8 @@ export default function Home() {
message={message.message}
/>
<div>
<Box className="flex justify-start mb-3 px-10 max-w-[1520px] mx-auto">
<Box sx={{ display: "flex", overflowX: "scroll", maxWidth: "100vw" }}>
<Box className="flex justify-start mb-3 sm:px-10 max-w-[1520px] mx-auto">
<Box sx={{ display: "flex", overflowX: "scroll" }}>
<Button
variant={category === -1 ? "contained" : "text"}
className={`${category === -1 ? "" : "bg-white"} mx-1`}
......@@ -239,7 +239,9 @@ export default function Home() {
))}
</div>
) : (
<Paper className="shadow-none" sx={{ p: 2, textAlign: "center" }}><CircularProgress /></Paper>
<Paper className="shadow-none" sx={{ p: 2, textAlign: "center" }}>
<CircularProgress />
</Paper>
)}
</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