infinity-forge/dist/ui/codie-dynamic/components/jobs/results/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.Results = void 0;
var components_1 = require("../../../../../ui/components/index.js");
var styled_components_1 = __importDefault(require("styled-components"));
exports.Results = (0, styled_components_1.default)(components_1.Spacing)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-top: 0 !important;\n\n  .not-found {\n    text-align: center;\n\n    .button button {\n      margin: 20px auto 0;\n    }\n\n    svg {\n      width: 12px;\n    }\n  }\n\n  .item {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    padding: 30px;\n    border-radius: 20px;\n\n    & + .item {\n      margin-top: 20px;\n    }\n  }\n\n  .left {\n    flex: 1;\n  }\n\n  .button {\n    flex-shrink: 0;\n\n    span {\n      font-weight: normal;\n    }\n  }\n\n  h5 {\n    line-height: 1.5;\n    margin-bottom: 20px;\n  }\n\n  .pagination {\n    gap: 15px;\n    margin-top: 80px;\n\n    .nav,\n    .navigations button {\n      width: 40px;\n      height: 40px;\n      border-radius: 5px;\n    }\n\n    .nav {\n      svg {\n        width: auto;\n        height: 18px;\n      }\n    }\n\n    .navigations {\n      button {\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 1.4;\n\n        & + button {\n          margin-left: 15px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .item {\n      padding: 25px;\n    }\n\n    .pagination {\n      margin-top: 60px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .item {\n      padding: 20px;\n      gap: 20px;\n    }\n\n    h5 {\n      margin-bottom: 15px;\n    }\n\n    .pagination {\n      margin-top: 40px;\n\n      .nav,\n      .navigations button {\n        width: 38px;\n        height: 38px;\n      }\n\n      .navigations {\n        button {\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .pagination {\n      margin-top: 30px;\n\n      .nav,\n      .navigations button {\n        width: 35px;\n        height: 35px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .pagination {\n      gap: 10px;\n      margin-top: 20px;\n\n      .navigations {\n        button + button {\n          margin-left: 10px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 900px) {\n    .item {\n      padding: 15px;\n    }\n\n    h5 {\n      margin-bottom: 10px;\n    }\n  }\n\n  @media only screen and (max-width: 650px) {\n    .item {\n      margin: 0 auto;\n      max-width: 450px;\n      flex-direction: column;\n      gap: 15px;\n    }\n\n    h5 {\n      text-align: center;\n    }\n  }\n"], ["\n  padding-top: 0 !important;\n\n  .not-found {\n    text-align: center;\n\n    .button button {\n      margin: 20px auto 0;\n    }\n\n    svg {\n      width: 12px;\n    }\n  }\n\n  .item {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    padding: 30px;\n    border-radius: 20px;\n\n    & + .item {\n      margin-top: 20px;\n    }\n  }\n\n  .left {\n    flex: 1;\n  }\n\n  .button {\n    flex-shrink: 0;\n\n    span {\n      font-weight: normal;\n    }\n  }\n\n  h5 {\n    line-height: 1.5;\n    margin-bottom: 20px;\n  }\n\n  .pagination {\n    gap: 15px;\n    margin-top: 80px;\n\n    .nav,\n    .navigations button {\n      width: 40px;\n      height: 40px;\n      border-radius: 5px;\n    }\n\n    .nav {\n      svg {\n        width: auto;\n        height: 18px;\n      }\n    }\n\n    .navigations {\n      button {\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 1.4;\n\n        & + button {\n          margin-left: 15px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .item {\n      padding: 25px;\n    }\n\n    .pagination {\n      margin-top: 60px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .item {\n      padding: 20px;\n      gap: 20px;\n    }\n\n    h5 {\n      margin-bottom: 15px;\n    }\n\n    .pagination {\n      margin-top: 40px;\n\n      .nav,\n      .navigations button {\n        width: 38px;\n        height: 38px;\n      }\n\n      .navigations {\n        button {\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .pagination {\n      margin-top: 30px;\n\n      .nav,\n      .navigations button {\n        width: 35px;\n        height: 35px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .pagination {\n      gap: 10px;\n      margin-top: 20px;\n\n      .navigations {\n        button + button {\n          margin-left: 10px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 900px) {\n    .item {\n      padding: 15px;\n    }\n\n    h5 {\n      margin-bottom: 10px;\n    }\n  }\n\n  @media only screen and (max-width: 650px) {\n    .item {\n      margin: 0 auto;\n      max-width: 450px;\n      flex-direction: column;\n      gap: 15px;\n    }\n\n    h5 {\n      text-align: center;\n    }\n  }\n"])));
var templateObject_1;
//# sourceMappingURL=styles.js.map