hyperspace-desktop-client-w.../src/pages/Compose.styles.tsx

50 lines
1.3 KiB
TypeScript

import { Theme, createStyles } from "@material-ui/core";
export const styles = (theme: Theme) =>
createStyles({
dialog: {
minHeight: 400
},
dialogContent: {
paddingBottom: 0
},
dialogActions: {
paddingLeft: theme.spacing.unit * 1.25
},
charsReachingLimit: {
color: theme.palette.error.main
},
warningCaption: {
height: 16,
verticalAlign: "text-bottom"
},
composeAttachmentArea: {
display: "flex",
flexWrap: "wrap",
justifyContent: "space-around",
overflow: "hidden"
},
composeAttachmentAreaGridList: {
height: 250,
width: "100%"
},
composeEmoji: {
marginTop: theme.spacing.unit * 8
},
desktopOnly: {
display: "none",
[theme.breakpoints.up("sm")]: {
display: "block"
}
},
pollWizardOptionIcon: {
marginRight: theme.spacing.unit * 2,
marginTop: 4,
marginBottom: 4,
color: theme.palette.grey[700]
},
pollWizardFlexGrow: {
flexGrow: 1
}
});