infinity-forge/dist/ui/components/form/input-week-availability/shared/styles/mobile-styles.js

codie Library

"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.MobileStyles = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.MobileStyles = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .week-availability-mobile {\n    display: none;\n  }\n\n  @media only screen and (max-width: 768px) {\n    .tabela-disponibilidade {\n      display: none !important;\n    }\n    .week-availability-mobile {\n      display: flex;\n      flex-direction: row;\n      gap: 24px;\n      width: 100%;\n      align-items: flex-start;\n      justify-content: center;\n    }\n    .day-card {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n      padding: 24px 10px;\n      border-radius: 10px;\n      border: 1px solid #ccc;\n      background: #fff;\n      flex: 1 0 0;\n      min-width: 80px;\n      box-sizing: border-box;\n    }\n    .day-title {\n      color: #1a1a1a;\n      text-align: center;\n      font-family: 'Poppins', sans-serif;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px;\n      margin-bottom: 0;\n    }\n    .periods {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n    }\n    .period-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      gap: 8px;\n    }\n    .period-label {\n      display: block;\n      color: #1a1a1a;\n      font-family: 'Poppins', sans-serif;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 18px;\n      text-align: left;\n    }\n    .day-card label {\n      width: 24px !important;\n      height: 24px !important;\n      margin: 0 !important;\n      background: transparent !important;\n      box-shadow: none !important;\n    }\n    .day-card label[aria-checked='true'],\n    .day-card label input:checked + span {\n      background: transparent !important;\n      box-shadow: none !important;\n    }\n  }\n"], ["\n  .week-availability-mobile {\n    display: none;\n  }\n\n  @media only screen and (max-width: 768px) {\n    .tabela-disponibilidade {\n      display: none !important;\n    }\n    .week-availability-mobile {\n      display: flex;\n      flex-direction: row;\n      gap: 24px;\n      width: 100%;\n      align-items: flex-start;\n      justify-content: center;\n    }\n    .day-card {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n      padding: 24px 10px;\n      border-radius: 10px;\n      border: 1px solid #ccc;\n      background: #fff;\n      flex: 1 0 0;\n      min-width: 80px;\n      box-sizing: border-box;\n    }\n    .day-title {\n      color: #1a1a1a;\n      text-align: center;\n      font-family: 'Poppins', sans-serif;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px;\n      margin-bottom: 0;\n    }\n    .periods {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n    }\n    .period-row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      gap: 8px;\n    }\n    .period-label {\n      display: block;\n      color: #1a1a1a;\n      font-family: 'Poppins', sans-serif;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 18px;\n      text-align: left;\n    }\n    .day-card label {\n      width: 24px !important;\n      height: 24px !important;\n      margin: 0 !important;\n      background: transparent !important;\n      box-shadow: none !important;\n    }\n    .day-card label[aria-checked='true'],\n    .day-card label input:checked + span {\n      background: transparent !important;\n      box-shadow: none !important;\n    }\n  }\n"])));
var templateObject_1;
//# sourceMappingURL=mobile-styles.js.map