kwikid-components-react
Version:
KwikID's Component Library in React
43 lines (39 loc) • 1.18 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.FormHeaderTitle = exports.FormHeaderMain = exports.FormHeaderDivider = exports.FormHeader = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const FormHeader = exports.FormHeader = _styledComponents.default.div`
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
padding: 1rem 1rem 0rem 1rem;
& > *:not(:last-child) {
margin-bottom: 1rem;
}
`;
const FormHeaderMain = exports.FormHeaderMain = _styledComponents.default.div`
display: flex;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100%;
& > *:not(:last-child) {
margin-bottom: 1rem;
}
`;
const FormHeaderTitle = exports.FormHeaderTitle = _styledComponents.default.div`
font-size: 1.4rem;
text-align: left;
`;
const FormHeaderDivider = exports.FormHeaderDivider = _styledComponents.default.hr`
width: 100%;
margin: 0;
height: 1px;
background: #f0f0f0;
border: none;
`;