infinity-forge
Version:
14 lines • 4.18 kB
JavaScript
"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DesktopStyles = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.DesktopStyles = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @media only screen and (min-width: 769px) {\n .tabela-disponibilidade {\n border-collapse: separate;\n border-spacing: 24px 0;\n width: 100%;\n table-layout: fixed;\n }\n .tabela-disponibilidade th.dia {\n background: #fff;\n border: 1px solid #ccc;\n border-bottom: none;\n border-radius: 10px 10px 0 0;\n padding: 16px 0 8px 0;\n text-align: center;\n color: #1a1a1a;\n }\n .tabela-disponibilidade td.celula {\n background: #fff;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n text-align: center;\n padding: 1rem 0;\n }\n .tabela-disponibilidade tr:last-child td.celula {\n border-radius: 0 0 10px 10px;\n border-bottom: 1px solid #ccc;\n }\n .tabela-disponibilidade th,\n .tabela-disponibilidade td {\n vertical-align: middle;\n }\n .tabela-disponibilidade td.periodo {\n font-size: 14px;\n font-weight: 400;\n color: #1a1a1a;\n background: transparent;\n text-align: right;\n padding-right: 12px;\n min-width: 60px;\n }\n .tabela-disponibilidade label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 auto !important;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .tabela-disponibilidade .icon-check,\n .tabela-disponibilidade .icon-close {\n width: 24px !important;\n height: 24px !important;\n }\n .tabela-disponibilidade th:not(.dia),\n .tabela-disponibilidade td:not(.celula):not(.periodo) {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n }\n }\n"], ["\n @media only screen and (min-width: 769px) {\n .tabela-disponibilidade {\n border-collapse: separate;\n border-spacing: 24px 0;\n width: 100%;\n table-layout: fixed;\n }\n .tabela-disponibilidade th.dia {\n background: #fff;\n border: 1px solid #ccc;\n border-bottom: none;\n border-radius: 10px 10px 0 0;\n padding: 16px 0 8px 0;\n text-align: center;\n color: #1a1a1a;\n }\n .tabela-disponibilidade td.celula {\n background: #fff;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n text-align: center;\n padding: 1rem 0;\n }\n .tabela-disponibilidade tr:last-child td.celula {\n border-radius: 0 0 10px 10px;\n border-bottom: 1px solid #ccc;\n }\n .tabela-disponibilidade th,\n .tabela-disponibilidade td {\n vertical-align: middle;\n }\n .tabela-disponibilidade td.periodo {\n font-size: 14px;\n font-weight: 400;\n color: #1a1a1a;\n background: transparent;\n text-align: right;\n padding-right: 12px;\n min-width: 60px;\n }\n .tabela-disponibilidade label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 auto !important;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .tabela-disponibilidade .icon-check,\n .tabela-disponibilidade .icon-close {\n width: 24px !important;\n height: 24px !important;\n }\n .tabela-disponibilidade th:not(.dia),\n .tabela-disponibilidade td:not(.celula):not(.periodo) {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n }\n }\n"])));
var templateObject_1;
//# sourceMappingURL=desktop-styles.js.map