opendash/dist/components/auth/layout.js

open.DASH data visualization framework

var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import styled from "styled-components";
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  overflow: hidden;\n\n  height: 100%;\n  width: 100%;\n"], ["\n  position: absolute;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  overflow: hidden;\n\n  height: 100%;\n  width: 100%;\n"])));
export var Box = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 24px 24px;\n  width: 400px;\n  background: white;\n\n  z-index: 2;\n\n  border-bottom: 3px solid #1890ff;\n  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);\n"], ["\n  padding: 24px 24px;\n  width: 400px;\n  background: white;\n\n  z-index: 2;\n\n  border-bottom: 3px solid #1890ff;\n  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);\n"])));
export var Title = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-align: center;\n  font-size: 20px;\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  letter-spacing: 5px;\n"], ["\n  text-align: center;\n  font-size: 20px;\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  letter-spacing: 5px;\n"])));
export var SwitchState = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-align: center;\n  font-size: 12px;\n  margin-top: 20px;\n"], ["\n  text-align: center;\n  font-size: 12px;\n  margin-top: 20px;\n"])));
export var Background = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n\n  height: 100vh;\n  width: 100vw;\n\n  /* background: black; */\n\n  z-index: 1;\n\n  ::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n\n    height: 100vh;\n    width: 100vw;\n\n    opacity: 0.5;\n    filter: blur(5px);\n    transform: scale(1.1);\n\n    background-attachment: fixed;\n    background-position: center;\n    background-size: cover;\n  }\n"], ["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n\n  height: 100vh;\n  width: 100vw;\n\n  /* background: black; */\n\n  z-index: 1;\n\n  ::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n\n    height: 100vh;\n    width: 100vw;\n\n    opacity: 0.5;\n    filter: blur(5px);\n    transform: scale(1.1);\n\n    background-attachment: fixed;\n    background-position: center;\n    background-size: cover;\n  }\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
//# sourceMappingURL=layout.js.map