infinity-forge 13.2.2 → 13.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/codie-dynamic/components/interactions/component.js +4 -2
- package/dist/ui/codie-dynamic/components/interactions/component.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.d.ts +12 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.js +111 -12
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.js.map +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.js +1 -1
- package/dist/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -112,14 +112,16 @@ function Interactions(props) {
|
|
|
112
112
|
}, children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }), " Avaliar"] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'bottom', children: (_j = (_h = data === null || data === void 0 ? void 0 : data.item) === null || _h === void 0 ? void 0 : _h.items) === null || _j === void 0 ? void 0 : _j.map(function (item) { return ((0, jsx_runtime_1.jsx)(card_1.ReviewCard, __assign({ theme: theme }, item), "evaluation-card-".concat(item.id))); }) })] })] }), (0, jsx_runtime_1.jsx)(ui_1.LoginModal, { open: isOpenAuth, setOpen: setIsOpenAuth, title: 'Autentica\u00E7\u00E3o', onAuth: function () {
|
|
113
113
|
setIsOpen(true);
|
|
114
114
|
setIsOpenAuth(false);
|
|
115
|
-
} }), (0, jsx_runtime_1.jsx)(ui_1.Modal, {
|
|
115
|
+
} }), (0, jsx_runtime_1.jsx)(ui_1.Modal, { disabledClickOverlay: true, open: isOpen, onClose: function () { return setIsOpen(false); }, styles: {
|
|
116
116
|
padding: 0,
|
|
117
117
|
backgroundColor: '#fff',
|
|
118
118
|
boxShadow: 'none',
|
|
119
119
|
maxWidth: '500px',
|
|
120
120
|
}, stylesContent: {
|
|
121
121
|
padding: '0',
|
|
122
|
-
}, children: (0, jsx_runtime_1.jsxs)(S.Modal, { "$themeInteractions": theme, children: [(0, jsx_runtime_1.jsx)("h4", { className: 'font-32-bold', children: "Avalie" }), (0, jsx_runtime_1.jsx)("span", { className: 'font-20 subtitle', children: "Avalia\u00E7\u00E3o Geral:" }), (0, jsx_runtime_1.jsxs)(ui_1.FormHandler, {
|
|
122
|
+
}, children: (0, jsx_runtime_1.jsxs)(S.Modal, { "$themeInteractions": theme, children: [(0, jsx_runtime_1.jsx)("h4", { className: 'font-32-bold', children: "Avalie" }), (0, jsx_runtime_1.jsx)("span", { className: 'font-20 subtitle', children: "Avalia\u00E7\u00E3o Geral:" }), (0, jsx_runtime_1.jsxs)(ui_1.FormHandler, { schema: {
|
|
123
|
+
rating: ui_1.schema.required(),
|
|
124
|
+
}, button: { text: 'Enviar' }, disableEnterKeySubmitForm: true, cleanFieldsOnSubmit: false, onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () {
|
|
123
125
|
var payload;
|
|
124
126
|
var _a, _b;
|
|
125
127
|
return __generator(this, function (_c) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,17 @@ interface CropCanvasProps {
|
|
|
7
7
|
onStart: (e: React.MouseEvent | React.TouchEvent, action: 'move' | 'resize', direction?: ResizeDirection) => void;
|
|
8
8
|
imageRef: React.RefObject<HTMLImageElement>;
|
|
9
9
|
}
|
|
10
|
-
|
|
10
|
+
/** Converte de DISPLAY → NATURAL (útil para salvar/enviar ao backend/canvas). */
|
|
11
|
+
export declare function toNaturalCropArea(displayArea: DisplayCropArea, imgEl: HTMLImageElement, imageDimensions: {
|
|
12
|
+
width: number;
|
|
13
|
+
height: number;
|
|
14
|
+
}): DisplayCropArea;
|
|
15
|
+
/** Converte NATURAL → DISPLAY usando a mesma base do componente. */
|
|
16
|
+
export declare function toDisplayCropArea(cropArea: DisplayCropArea, imageRef: HTMLImageElement, _containerRef: HTMLDivElement, // não utilizado; mantido por compat.
|
|
17
|
+
imageDimensions: {
|
|
18
|
+
width: number;
|
|
19
|
+
height: number;
|
|
20
|
+
}): DisplayCropArea;
|
|
21
|
+
declare function CropCanvasComponent({ file, imageDimensions, cropArea, displayCropArea, onStart, imageRef, }: CropCanvasProps): import("react/jsx-runtime").JSX.Element;
|
|
11
22
|
export declare const CropCanvas: import("react").MemoExoticComponent<typeof CropCanvasComponent>;
|
|
12
23
|
export {};
|
|
@@ -1,12 +1,109 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.CropCanvas = void 0;
|
|
4
|
+
exports.toNaturalCropArea = toNaturalCropArea;
|
|
5
|
+
exports.toDisplayCropArea = toDisplayCropArea;
|
|
4
6
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
7
|
var react_1 = require("react");
|
|
6
8
|
var ui_1 = require("../../../../../../../../ui/index.js");
|
|
9
|
+
/** Calcula o retângulo de recorte em coordenadas de DISPLAY (px do box),
|
|
10
|
+
* respeitando object-fit: contain sem depender de getBoundingClientRect. */
|
|
11
|
+
function computeDisplayCropArea(cropArea, imgEl, imageDimensions) {
|
|
12
|
+
var boxW = imgEl.clientWidth; // tamanho da CAIXA do <img>
|
|
13
|
+
var boxH = imgEl.clientHeight;
|
|
14
|
+
var natW = imageDimensions.width; // dimensões NATURAIS
|
|
15
|
+
var natH = imageDimensions.height;
|
|
16
|
+
if (!boxW || !boxH || !natW || !natH)
|
|
17
|
+
return cropArea;
|
|
18
|
+
var imgAspect = natW / natH;
|
|
19
|
+
var boxAspect = boxW / boxH;
|
|
20
|
+
var scale;
|
|
21
|
+
var offsetX = 0;
|
|
22
|
+
var offsetY = 0;
|
|
23
|
+
if (imgAspect > boxAspect) {
|
|
24
|
+
// limitado pela largura → largura ocupa boxW, altura centraliza
|
|
25
|
+
scale = boxW / natW;
|
|
26
|
+
var renderedH = natH * scale;
|
|
27
|
+
offsetY = (boxH - renderedH) / 2;
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
// limitado pela altura → altura ocupa boxH, largura centraliza
|
|
31
|
+
scale = boxH / natH;
|
|
32
|
+
var renderedW = natW * scale;
|
|
33
|
+
offsetX = (boxW - renderedW) / 2;
|
|
34
|
+
}
|
|
35
|
+
return {
|
|
36
|
+
x: cropArea.x * scale + offsetX,
|
|
37
|
+
y: cropArea.y * scale + offsetY,
|
|
38
|
+
width: cropArea.width * scale,
|
|
39
|
+
height: cropArea.height * scale,
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
/** Converte de DISPLAY → NATURAL (útil para salvar/enviar ao backend/canvas). */
|
|
43
|
+
function toNaturalCropArea(displayArea, imgEl, imageDimensions) {
|
|
44
|
+
var boxW = imgEl.clientWidth;
|
|
45
|
+
var boxH = imgEl.clientHeight;
|
|
46
|
+
var natW = imageDimensions.width;
|
|
47
|
+
var natH = imageDimensions.height;
|
|
48
|
+
if (!boxW || !boxH || !natW || !natH)
|
|
49
|
+
return displayArea;
|
|
50
|
+
var imgAspect = natW / natH;
|
|
51
|
+
var boxAspect = boxW / boxH;
|
|
52
|
+
var scale;
|
|
53
|
+
var offsetX = 0;
|
|
54
|
+
var offsetY = 0;
|
|
55
|
+
if (imgAspect > boxAspect) {
|
|
56
|
+
scale = boxW / natW;
|
|
57
|
+
var renderedH = natH * scale;
|
|
58
|
+
offsetY = (boxH - renderedH) / 2;
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
scale = boxH / natH;
|
|
62
|
+
var renderedW = natW * scale;
|
|
63
|
+
offsetX = (boxW - renderedW) / 2;
|
|
64
|
+
}
|
|
65
|
+
return {
|
|
66
|
+
x: (displayArea.x - offsetX) / scale,
|
|
67
|
+
y: (displayArea.y - offsetY) / scale,
|
|
68
|
+
width: displayArea.width / scale,
|
|
69
|
+
height: displayArea.height / scale,
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
/** Converte NATURAL → DISPLAY usando a mesma base do componente. */
|
|
73
|
+
function toDisplayCropArea(cropArea, imageRef, _containerRef, // não utilizado; mantido por compat.
|
|
74
|
+
imageDimensions) {
|
|
75
|
+
if (!imageRef)
|
|
76
|
+
return cropArea;
|
|
77
|
+
return computeDisplayCropArea(cropArea, imageRef, imageDimensions);
|
|
78
|
+
}
|
|
7
79
|
function CropCanvasComponent(_a) {
|
|
8
80
|
var file = _a.file, imageDimensions = _a.imageDimensions, cropArea = _a.cropArea, displayCropArea = _a.displayCropArea, onStart = _a.onStart, imageRef = _a.imageRef;
|
|
9
|
-
var containerRef = (0, react_1.useRef)(null);
|
|
81
|
+
var containerRef = (0, react_1.useRef)(null); // só para overlay (posicionamento absoluto)
|
|
82
|
+
var _b = (0, react_1.useState)(displayCropArea), calculatedDisplayArea = _b[0], setCalculatedDisplayArea = _b[1];
|
|
83
|
+
// Recalcula sempre que cropArea ou tamanho do <img> mudar.
|
|
84
|
+
(0, react_1.useEffect)(function () {
|
|
85
|
+
if (!imageRef.current)
|
|
86
|
+
return;
|
|
87
|
+
setCalculatedDisplayArea(computeDisplayCropArea(cropArea, imageRef.current, imageDimensions));
|
|
88
|
+
}, [cropArea, imageRef, imageDimensions]);
|
|
89
|
+
// Mantém sync em resize/onLoad (janela, container flex, etc.)
|
|
90
|
+
(0, react_1.useEffect)(function () {
|
|
91
|
+
if (!imageRef.current)
|
|
92
|
+
return;
|
|
93
|
+
var recompute = function () {
|
|
94
|
+
if (!imageRef.current)
|
|
95
|
+
return;
|
|
96
|
+
setCalculatedDisplayArea(computeDisplayCropArea(cropArea, imageRef.current, imageDimensions));
|
|
97
|
+
};
|
|
98
|
+
var ro = new ResizeObserver(recompute);
|
|
99
|
+
ro.observe(imageRef.current);
|
|
100
|
+
imageRef.current.addEventListener('load', recompute);
|
|
101
|
+
return function () {
|
|
102
|
+
var _a;
|
|
103
|
+
ro.disconnect();
|
|
104
|
+
(_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('load', recompute);
|
|
105
|
+
};
|
|
106
|
+
}, [imageRef, cropArea, imageDimensions]);
|
|
10
107
|
var handleResizeStart = (0, react_1.useCallback)(function (e, direction) {
|
|
11
108
|
e.stopPropagation();
|
|
12
109
|
onStart(e, 'resize', direction);
|
|
@@ -15,22 +112,24 @@ function CropCanvasComponent(_a) {
|
|
|
15
112
|
onStart(e, 'move');
|
|
16
113
|
}, [onStart]);
|
|
17
114
|
var clearCropAreaStyle = (0, react_1.useMemo)(function () { return ({
|
|
18
|
-
left: "".concat(
|
|
19
|
-
top: "".concat(
|
|
20
|
-
width: "".concat(
|
|
21
|
-
height: "".concat(
|
|
115
|
+
left: "".concat(calculatedDisplayArea.x, "px"),
|
|
116
|
+
top: "".concat(calculatedDisplayArea.y, "px"),
|
|
117
|
+
width: "".concat(calculatedDisplayArea.width, "px"),
|
|
118
|
+
height: "".concat(calculatedDisplayArea.height, "px"),
|
|
22
119
|
boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.4)',
|
|
23
|
-
}); }, [
|
|
120
|
+
}); }, [calculatedDisplayArea]);
|
|
24
121
|
var cropSelectionAreaStyle = (0, react_1.useMemo)(function () { return ({
|
|
25
|
-
left: "".concat(
|
|
26
|
-
top: "".concat(
|
|
27
|
-
width: "".concat(
|
|
28
|
-
height: "".concat(
|
|
29
|
-
}); }, [
|
|
122
|
+
left: "".concat(calculatedDisplayArea.x, "px"),
|
|
123
|
+
top: "".concat(calculatedDisplayArea.y, "px"),
|
|
124
|
+
width: "".concat(calculatedDisplayArea.width, "px"),
|
|
125
|
+
height: "".concat(calculatedDisplayArea.height, "px"),
|
|
126
|
+
}); }, [calculatedDisplayArea]);
|
|
30
127
|
var formattedDimensions = (0, react_1.useMemo)(function () { return ({
|
|
31
128
|
width: Math.round(cropArea.width),
|
|
32
129
|
height: Math.round(cropArea.height),
|
|
33
|
-
aspectRatio: cropArea.width
|
|
130
|
+
aspectRatio: cropArea.width && cropArea.height
|
|
131
|
+
? "".concat((cropArea.width / cropArea.height).toFixed(2), ":1")
|
|
132
|
+
: 'Free',
|
|
34
133
|
}); }, [cropArea.width, cropArea.height]);
|
|
35
134
|
if (imageDimensions.width === 0 || imageDimensions.height === 0) {
|
|
36
135
|
return ((0, jsx_runtime_1.jsx)("div", { className: 'loading-wrapper', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLoading' }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"crop-canvas.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"crop-canvas.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/crop-canvas/crop-canvas.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
exports.previewPanelStyles = void 0;
|
|
8
8
|
var styled_components_1 = require("styled-components");
|
|
9
|
-
exports.previewPanelStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .preview-panel {\n width: 100%;\n min-width: 35rem;\n max-width: 35rem;\n background: #fff;\n border-left: 1px solid #e5e7eb;\n padding: 2rem;\n\n @media (max-width: 1024px) {\n max-width: 100%;\n border-left: none;\n border-top: 1px solid #e5e7eb;\n padding: 1.5rem;\n }\n\n @media (max-width: 768px) {\n padding: 1rem;\n }\n\n .title {\n font-size: 1.8rem;\n font-weight: 600;\n color: #1f2937;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: flex-start;\n\n @media (max-width: 768px) {\n font-size: 1.6rem;\n margin-bottom: 0.75rem;\n }\n\n svg {\n width: 2rem;\n height: 2rem;\n fill: rgb(59 130 246);\n\n @media (max-width: 768px) {\n width: 1.8rem;\n height: 1.8rem;\n }\n }\n }\n\n .preview-image-container {\n background: #f3f4f6;\n border-radius: 0.5rem;\n padding: 1rem;\n margin-bottom: 1.5rem;\n\n @media (max-width: 768px) {\n padding: 0.75rem;\n margin-bottom: 1rem;\n }\n }\n\n .preview-image-box {\n aspect-ratio: 1 / 1;\n background: #fff;\n border-radius: 0.5rem;\n overflow: hidden;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 1024px) {\n max-width: 200px;\n margin: 0 auto;\n }\n\n @media (max-width: 768px) {\n max-width: 150px;\n }\n }\n\n .preview-image {\n width: 100%;\n height: 100%;\n object-fit:
|
|
9
|
+
exports.previewPanelStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .preview-panel {\n width: 100%;\n min-width: 35rem;\n max-width: 35rem;\n background: #fff;\n border-left: 1px solid #e5e7eb;\n padding: 2rem;\n\n @media (max-width: 1024px) {\n max-width: 100%;\n border-left: none;\n border-top: 1px solid #e5e7eb;\n padding: 1.5rem;\n }\n\n @media (max-width: 768px) {\n padding: 1rem;\n }\n\n .title {\n font-size: 1.8rem;\n font-weight: 600;\n color: #1f2937;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: flex-start;\n\n @media (max-width: 768px) {\n font-size: 1.6rem;\n margin-bottom: 0.75rem;\n }\n\n svg {\n width: 2rem;\n height: 2rem;\n fill: rgb(59 130 246);\n\n @media (max-width: 768px) {\n width: 1.8rem;\n height: 1.8rem;\n }\n }\n }\n\n .preview-image-container {\n background: #f3f4f6;\n border-radius: 0.5rem;\n padding: 1rem;\n margin-bottom: 1.5rem;\n\n @media (max-width: 768px) {\n padding: 0.75rem;\n margin-bottom: 1rem;\n }\n }\n\n .preview-image-box {\n aspect-ratio: 1 / 1;\n background: #fff;\n border-radius: 0.5rem;\n overflow: hidden;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 1024px) {\n max-width: 200px;\n margin: 0 auto;\n }\n\n @media (max-width: 768px) {\n max-width: 150px;\n }\n }\n\n .preview-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .preview-image-loading {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9ca3af;\n font-size: 1.3rem;\n\n @media (max-width: 768px) {\n font-size: 1.2rem;\n }\n }\n\n .quick-ratios-wrapper {\n margin-bottom: 2rem;\n\n @media (max-width: 768px) {\n margin-bottom: 1rem;\n }\n }\n\n .quick-ratios-label {\n display: block;\n font-size: 1.4rem;\n font-weight: 500;\n color: #374151;\n margin-bottom: 0.75rem;\n\n @media (max-width: 768px) {\n font-size: 1.3rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .quick-ratios-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.5rem;\n\n @media (max-width: 768px) {\n gap: 0.4rem;\n }\n\n button {\n max-width: 100%;\n height: 4rem;\n padding: 0 1.5rem;\n background: #fff;\n border: 1px solid hsl(20, 5.9%, 90%);\n border-radius: 0.5rem;\n font-size: 1.4rem;\n font-weight: 500;\n color: #1f2937;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n font-weight: 600;\n\n @media (max-width: 768px) {\n height: 3.5rem;\n padding: 0 0.75rem;\n font-size: 1.2rem;\n }\n\n &:hover {\n background: #f3f4f6;\n }\n }\n }\n }\n"], ["\n .preview-panel {\n width: 100%;\n min-width: 35rem;\n max-width: 35rem;\n background: #fff;\n border-left: 1px solid #e5e7eb;\n padding: 2rem;\n\n @media (max-width: 1024px) {\n max-width: 100%;\n border-left: none;\n border-top: 1px solid #e5e7eb;\n padding: 1.5rem;\n }\n\n @media (max-width: 768px) {\n padding: 1rem;\n }\n\n .title {\n font-size: 1.8rem;\n font-weight: 600;\n color: #1f2937;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: flex-start;\n\n @media (max-width: 768px) {\n font-size: 1.6rem;\n margin-bottom: 0.75rem;\n }\n\n svg {\n width: 2rem;\n height: 2rem;\n fill: rgb(59 130 246);\n\n @media (max-width: 768px) {\n width: 1.8rem;\n height: 1.8rem;\n }\n }\n }\n\n .preview-image-container {\n background: #f3f4f6;\n border-radius: 0.5rem;\n padding: 1rem;\n margin-bottom: 1.5rem;\n\n @media (max-width: 768px) {\n padding: 0.75rem;\n margin-bottom: 1rem;\n }\n }\n\n .preview-image-box {\n aspect-ratio: 1 / 1;\n background: #fff;\n border-radius: 0.5rem;\n overflow: hidden;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 1024px) {\n max-width: 200px;\n margin: 0 auto;\n }\n\n @media (max-width: 768px) {\n max-width: 150px;\n }\n }\n\n .preview-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .preview-image-loading {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #9ca3af;\n font-size: 1.3rem;\n\n @media (max-width: 768px) {\n font-size: 1.2rem;\n }\n }\n\n .quick-ratios-wrapper {\n margin-bottom: 2rem;\n\n @media (max-width: 768px) {\n margin-bottom: 1rem;\n }\n }\n\n .quick-ratios-label {\n display: block;\n font-size: 1.4rem;\n font-weight: 500;\n color: #374151;\n margin-bottom: 0.75rem;\n\n @media (max-width: 768px) {\n font-size: 1.3rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .quick-ratios-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.5rem;\n\n @media (max-width: 768px) {\n gap: 0.4rem;\n }\n\n button {\n max-width: 100%;\n height: 4rem;\n padding: 0 1.5rem;\n background: #fff;\n border: 1px solid hsl(20, 5.9%, 90%);\n border-radius: 0.5rem;\n font-size: 1.4rem;\n font-weight: 500;\n color: #1f2937;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n font-weight: 600;\n\n @media (max-width: 768px) {\n height: 3.5rem;\n padding: 0 0.75rem;\n font-size: 1.2rem;\n }\n\n &:hover {\n background: #f3f4f6;\n }\n }\n }\n }\n"])));
|
|
10
10
|
var templateObject_1;
|
|
11
11
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAuC;AAE1B,QAAA,kBAAkB,OAAG,uBAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/components/form/input-file/input-crop-image/crop-image/components/preview-panel/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAuC;AAE1B,QAAA,kBAAkB,OAAG,uBAAG,muGAAA,+pGA4JpC,KAAA"}
|