@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
86 lines (85 loc) • 2.39 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FooterPageStyled = exports.FooterButtonStyled = exports.FooterStyled = exports.DescriptionStyled = exports.TitleStyled = exports.CloseButtonStyled = exports.CloseButtonContainerStyled = exports.ModalStyled = exports.OverlayStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
exports.OverlayStyled = styled_components_1.default.div `
background-color: #d9d9d9;
opacity: 0.7;
width: 100vw;
height: 100vh;
position: fixed;
top: 0px;
left: 0px;
z-index: 700;
`;
exports.ModalStyled = styled_components_1.default.div `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 80vh;
min-height: 15rem;
max-width: 90vw;
width: 37.5rem;
word-break: break-word;
padding: 1.25rem;
background-color: #ffffff;
display: flex;
flex-direction: column;
border-radius: 0.25rem;
gap: 1rem;
z-index: 800;
`;
exports.CloseButtonContainerStyled = styled_components_1.default.div `
display: flex;
justify-content: end;
`;
exports.CloseButtonStyled = styled_components_1.default.button `
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
`;
exports.TitleStyled = styled_components_1.default.h2 `
font-size: 1.25rem;
line-height: 1.5rem;
font-family: sans-serif;
color: #1a1a1a;
font-weight: 600;
text-align: center;
`;
exports.DescriptionStyled = styled_components_1.default.p `
font-size: 1rem;
line-height: 1.5rem;
font-family: sans-serif;
color: #000;
flex-grow: 1;
overflow-y: auto;
`;
exports.FooterStyled = styled_components_1.default.div `
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-top: 0.0625rem solid rgb(209, 209, 209);
padding-top: 0.75rem;
`;
exports.FooterButtonStyled = styled_components_1.default.button `
color: #000;
cursor: pointer;
&:disabled {
color: #ccc;
pointer-events: none;
cursor: default;
}
`;
exports.FooterPageStyled = styled_components_1.default.p `
font-size: 1rem;
line-height: 1.5rem;
font-family: sans-serif;
color: #000;
`;
//# sourceMappingURL=errorBoundaryModal.styled.js.map