ur-ui-kit-tm
Version:
unlimited robotics ui kit
19 lines (18 loc) • 1.44 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 MapContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
export var MapImage = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n opacity: ", ";\n object-fit: contain;\n"], ["\n width: 100%;\n height: 100%;\n opacity: ", ";\n object-fit: contain;\n"])), function (_a) {
var transparent = _a.transparent;
return (transparent ? "0" : "1");
});
export var RoomsContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n width: ", ";\n height: ", ";\n"], ["\n position: absolute;\n width: ", ";\n height: ", ";\n"])), function (_a) {
var imgW = _a.imgW;
return imgW + "px";
}, function (_a) {
var imgH = _a.imgH;
return imgH + "px";
});
var templateObject_1, templateObject_2, templateObject_3;