wrap login row in a box to make it scale properly

This commit is contained in:
Calli
2023-06-23 17:49:29 +03:00
parent bc1a966580
commit 83031ac8b9

View File

@@ -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>
); );
}; };