@activecollab/components
Version:
ActiveCollab Components
30 lines • 1.98 kB
JavaScript
import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { screen } from "../BreakPoints";
import { FontStyle } from "../FontStyle";
export const StyledDialog = styled.div.withConfig({
displayName: "Styles__StyledDialog",
componentId: "sc-jwpvgm-0"
})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], props => props.$fullWidth && css(["@media (max-width:640px){width:calc(100% - 32px);max-width:640px;margin-left:16px;margin-right:16px;}"]), FontStyle, BoxSizingStyle, screen.sm);
StyledDialog.displayName = "StyledDialog";
export const StyledDialogTitle = styled.div.withConfig({
displayName: "Styles__StyledDialogTitle",
componentId: "sc-jwpvgm-1"
})(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
StyledDialogTitle.displayName = "StyledDialogTitle";
export const StyledDialogContent = styled.div.withConfig({
displayName: "Styles__StyledDialogContent",
componentId: "sc-jwpvgm-2"
})(["padding:20px 30px;max-height:580px;overflow-y:auto;flex:1 1 auto;", " ", ""], FontStyle, BoxSizingStyle);
StyledDialogContent.displayName = "StyledDialogContent";
export const StyledDialogContentDivider = styled.div.withConfig({
displayName: "Styles__StyledDialogContentDivider",
componentId: "sc-jwpvgm-3"
})(["border-top:1px solid var(--border-primary);height:1px;"]);
StyledDialogContentDivider.displayName = "StyledDialogContentDivider";
export const StyledDialogActions = styled.div.withConfig({
displayName: "Styles__StyledDialogActions",
componentId: "sc-jwpvgm-4"
})(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
StyledDialogActions.displayName = "StyledDialogActions";
//# sourceMappingURL=Styles.js.map