infinity-forge
Version:
14 lines • 2.45 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.Years = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.Years = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));\n gap: 6px;\n padding: 12px;\n max-width: 100%;\n background-color: #f9f9f9;\n max-height: 300px;\n overflow-y: auto;\n position: relative;\n\n button {\n padding: 6px 10px;\n font-size: 12px;\n font-weight: bold;\n text-align: center;\n border: none;\n border-radius: 4px;\n background-color: #ffffff;\n color: #333;\n cursor: pointer;\n transition: all 0.3s ease;\n\n &.selected {\n background-color: #007bff;\n color: #ffffff;\n }\n\n &.disabled {\n background-color: #e0e0e0;\n color: #999;\n cursor: not-allowed;\n }\n\n &:hover:not(.disabled):not(.selected) {\n background-color: #f1f1f1;\n }\n\n &:active:not(.disabled):not(.selected) {\n background-color: #ddd;\n }\n }\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));\n gap: 6px;\n padding: 12px;\n max-width: 100%;\n background-color: #f9f9f9;\n max-height: 300px;\n overflow-y: auto;\n position: relative;\n\n button {\n padding: 6px 10px;\n font-size: 12px;\n font-weight: bold;\n text-align: center;\n border: none;\n border-radius: 4px;\n background-color: #ffffff;\n color: #333;\n cursor: pointer;\n transition: all 0.3s ease;\n\n &.selected {\n background-color: #007bff;\n color: #ffffff;\n }\n\n &.disabled {\n background-color: #e0e0e0;\n color: #999;\n cursor: not-allowed;\n }\n\n &:hover:not(.disabled):not(.selected) {\n background-color: #f1f1f1;\n }\n\n &:active:not(.disabled):not(.selected) {\n background-color: #ddd;\n }\n }\n"])));
var templateObject_1;
//# sourceMappingURL=styles.js.map