mirror of
https://github.com/ente-io/ente.git
synced 2025-06-03 07:49:45 +00:00
7621041ce0
This reverts commit 5b17711b55e9e8995454121e3a209ee5e8c9b3c1, reversing changes made to 85bf3eebcb5ac197ce6a5901cbc8db1d03be0113.
44 lines
912 B
TypeScript
44 lines
912 B
TypeScript
import { Box, styled } from "@mui/material";
|
|
|
|
export const VerticallyCentered = styled(Box)`
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
overflow: auto;
|
|
`;
|
|
|
|
export const FlexWrapper = styled(Box)`
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
`;
|
|
|
|
/**
|
|
* Deprecated, use {@link SpacedRow} from @/base/components/mui/container
|
|
* instead
|
|
*/
|
|
export const SpaceBetweenFlex = styled(FlexWrapper)`
|
|
justify-content: space-between;
|
|
`;
|
|
|
|
/**
|
|
* Deprecated, use {@link CenteredRow} from @/base/components/mui/container
|
|
* instead
|
|
*/
|
|
export const CenteredFlex = styled(FlexWrapper)`
|
|
justify-content: center;
|
|
`;
|
|
|
|
/** Deprecated */
|
|
export const FluidContainer = styled(FlexWrapper)`
|
|
flex: 1;
|
|
`;
|
|
|
|
export const VerticallyCenteredFlex = styled(Box)({
|
|
display: "flex",
|
|
alignItems: "center",
|
|
});
|