ur-ui-kit-tm
Version:
unlimited robotics ui kit
11 lines (10 loc) • 2.6 kB
JavaScript
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 IconWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n bottom: 0.5%;\n width: 100%;\n height: 18%;\n background: linear-gradient(0deg, rgba(8, 24, 63, 0.5) 0%, rgba(8, 24, 63, 0) 100%);\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n bottom: 0.5%;\n width: 100%;\n height: 18%;\n background: linear-gradient(0deg, rgba(8, 24, 63, 0.5) 0%, rgba(8, 24, 63, 0) 100%);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
export var LiveWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n width: 100%;\n height: 15%;\n background: linear-gradient(180deg, rgba(8, 24, 63, 0.5) 0%, rgba(8, 24, 63, 0) 100%);\n display: flex;\n justify-content: right;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n width: 100%;\n height: 15%;\n background: linear-gradient(180deg, rgba(8, 24, 63, 0.5) 0%, rgba(8, 24, 63, 0) 100%);\n display: flex;\n justify-content: right;\n align-items: center;\n"])));
export var Icon = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 60px;\n width: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(8, 24, 63, 0.3);\n border-radius: 50%;\n margin: 0 40px;\n"], ["\n height: 60px;\n width: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(8, 24, 63, 0.3);\n border-radius: 50%;\n margin: 0 40px;\n"])));
export var Live = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 20px;\n width: 90px;\n display: flex;\n align-items: center;\n color: red;\n font-family: UbuntuRegular;\n justify-content: center;\n background-color: rgba(255, 255, 255, 0.6);\n border-radius: 20px;\n padding: 10px;\n margin: 0 20px;\n"], ["\n height: 20px;\n width: 90px;\n display: flex;\n align-items: center;\n color: red;\n font-family: UbuntuRegular;\n justify-content: center;\n background-color: rgba(255, 255, 255, 0.6);\n border-radius: 20px;\n padding: 10px;\n margin: 0 20px;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;