@tdb/web
Version:
Common condiguration for serving a web-site and testing web-based UI components.
29 lines (28 loc) • 1.36 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var common_1 = require("../common");
exports.default = (function () { return common_1.React.createElement(exports.UnsupportedBrowser, null); });
exports.UnsupportedBrowser = function (props) {
var styles = {
base: common_1.css({
Absolute: 0,
backgroundColor: common_1.constants.COLORS.BLUE,
Flex: 'center-center',
color: 'white',
lineHeight: '1.5em',
}),
contentOuter: common_1.css({ marginBottom: '10%' }),
hr: common_1.css({
borderTop: "solid 5px " + common_1.color.format(0.3),
marginTop: 12,
paddingTop: 12,
}),
};
return (common_1.React.createElement("div", tslib_1.__assign({}, styles.base),
common_1.React.createElement("div", tslib_1.__assign({}, styles.contentOuter),
common_1.React.createElement("div", null, "Friends don\u2019t let friends use Internet Explorer!"),
common_1.React.createElement("div", tslib_1.__assign({}, styles.hr), "We love you, but alas not this browser."),
common_1.React.createElement("div", null, "We recommend reloading in Chrome or Firefox."),
common_1.React.createElement("div", null, "Thank you."))));
};