jobiqo-cl/lib/src/components/04-organisms/01-form/01-center/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var styled = require('styled-components');
var styled__default = _interopDefault(styled);

/**
 * @file index.tsx
 *
 * @fileoverview Shows a form centered on the page.
 */
/**
 * Places the form on the center of the page. Useful for login or register
 * pages where what we want the user to do is very clear.
 * It makes the main action and form very clear. Shouldn't be used for very long forms.
 */
const CenterForm = styled__default.form `
  display: flex;
  flex-direction: column;
  min-width: 300px;

  input[type='email'],
  input[type='text'],
  input[type='password'] {
    margin-bottom: 0.5rem;
    width: 100%;
  }

  .button-submit {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
`;

exports.CenterForm = CenterForm;
exports.default = CenterForm;