wrap login row in a box to make it scale properly
This commit is contained in:
@@ -1,11 +1,11 @@
|
|||||||
import { Button } from "@mui/material";
|
import { Box, Button } from "@mui/material";
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import { LoginDialog } from "./LoginDialog";
|
import { LoginDialog } from "./LoginDialog";
|
||||||
|
|
||||||
export const LoginButton = () => {
|
export const LoginButton = () => {
|
||||||
const [loginDialogOpen, setLoginDialogOpen] = useState(false);
|
const [loginDialogOpen, setLoginDialogOpen] = useState(false);
|
||||||
return (
|
return (
|
||||||
<>
|
<Box>
|
||||||
<Button
|
<Button
|
||||||
style={{ width: "100%" }}
|
style={{ width: "100%" }}
|
||||||
variant="contained"
|
variant="contained"
|
||||||
@@ -17,6 +17,6 @@ export const LoginButton = () => {
|
|||||||
open={loginDialogOpen}
|
open={loginDialogOpen}
|
||||||
closeDialog={() => setLoginDialogOpen(false)}
|
closeDialog={() => setLoginDialogOpen(false)}
|
||||||
/>
|
/>
|
||||||
</>
|
</Box>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Reference in New Issue
Block a user