react-pop-cards 1.0.2 → 1.0.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/index.css +17 -8
- package/dist/lib/components/Card.js +3 -3
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -2087,8 +2087,8 @@ html:has(.drawer-toggle:checked) {
|
|
|
2087
2087
|
.hidden {
|
|
2088
2088
|
display: none;
|
|
2089
2089
|
}
|
|
2090
|
-
.h-
|
|
2091
|
-
height:
|
|
2090
|
+
.h-16 {
|
|
2091
|
+
height: 4rem;
|
|
2092
2092
|
}
|
|
2093
2093
|
.h-7 {
|
|
2094
2094
|
height: 1.75rem;
|
|
@@ -2108,8 +2108,8 @@ html:has(.drawer-toggle:checked) {
|
|
|
2108
2108
|
.min-h-full {
|
|
2109
2109
|
min-height: 100%;
|
|
2110
2110
|
}
|
|
2111
|
-
.w-
|
|
2112
|
-
width:
|
|
2111
|
+
.w-16 {
|
|
2112
|
+
width: 4rem;
|
|
2113
2113
|
}
|
|
2114
2114
|
.w-5 {
|
|
2115
2115
|
width: 1.25rem;
|
|
@@ -2444,16 +2444,16 @@ html:has(.drawer-toggle:checked) {
|
|
|
2444
2444
|
display: none;
|
|
2445
2445
|
}
|
|
2446
2446
|
|
|
2447
|
-
.max-sm\:h-
|
|
2448
|
-
height:
|
|
2447
|
+
.max-sm\:h-8 {
|
|
2448
|
+
height: 2rem;
|
|
2449
2449
|
}
|
|
2450
2450
|
|
|
2451
2451
|
.max-sm\:h-\[4rem\] {
|
|
2452
2452
|
height: 4rem;
|
|
2453
2453
|
}
|
|
2454
2454
|
|
|
2455
|
-
.max-sm\:w-
|
|
2456
|
-
width:
|
|
2455
|
+
.max-sm\:w-8 {
|
|
2456
|
+
width: 2rem;
|
|
2457
2457
|
}
|
|
2458
2458
|
|
|
2459
2459
|
.max-sm\:w-\[4rem\] {
|
|
@@ -2504,6 +2504,15 @@ html:has(.drawer-toggle:checked) {
|
|
|
2504
2504
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
2505
2505
|
}
|
|
2506
2506
|
|
|
2507
|
+
.max-sm\:px-2 {
|
|
2508
|
+
padding-left: 0.5rem;
|
|
2509
|
+
padding-right: 0.5rem;
|
|
2510
|
+
}
|
|
2511
|
+
|
|
2512
|
+
.max-sm\:text-\[8px\] {
|
|
2513
|
+
font-size: 8px;
|
|
2514
|
+
}
|
|
2515
|
+
|
|
2507
2516
|
.max-sm\:text-xl {
|
|
2508
2517
|
font-size: 1.25rem;
|
|
2509
2518
|
line-height: 1.75rem;
|
|
@@ -160,7 +160,7 @@ const Card = _ref => {
|
|
|
160
160
|
ref: activeCard === value.title ? activeCardRef : null,
|
|
161
161
|
style: animatedStyles[key],
|
|
162
162
|
onClick: () => handleCardClick(value.title),
|
|
163
|
-
className: "".concat(activeCard === value.title ? "px-6 py-4" : "flex justify-center items-center", " cursor-pointer duration-100 ").concat(isRounded ? " rounded-2xl" : " rounded-none")
|
|
163
|
+
className: "".concat(activeCard === value.title ? "max-sm:px-2 px-6 py-4" : "flex justify-center items-center", " cursor-pointer duration-100 ").concat(isRounded ? " rounded-2xl" : " rounded-none")
|
|
164
164
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
165
165
|
className: "".concat(activeCard === value.title ? "min-h-full" : "max-sm:space-y-1 space-y-3")
|
|
166
166
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -168,11 +168,11 @@ const Card = _ref => {
|
|
|
168
168
|
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
169
169
|
className: (activeCard === value.title ? "max-sm:text-xl text-4xl" : "max-sm:text-xs text-base") + " capitalize font-bold duration-100"
|
|
170
170
|
}, value.title), activeCard === value.title && value.image != null && /*#__PURE__*/_react.default.createElement("img", {
|
|
171
|
-
className: "max-sm:w-
|
|
171
|
+
className: "max-sm:w-8 max-sm:h-8 w-16 h-16",
|
|
172
172
|
src: value.image,
|
|
173
173
|
alt: "imageCard"
|
|
174
174
|
})), activeCard === value.title && /*#__PURE__*/_react.default.createElement("p", {
|
|
175
|
-
className: "line-clamp-[8] text-justify max-sm:text-
|
|
175
|
+
className: "line-clamp-[8] text-justify max-sm:text-[8px]"
|
|
176
176
|
}, value.description)))));
|
|
177
177
|
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
178
178
|
className: (disposition === "RightLeft" ? "order-1" : "order-2") + " ".concat(miniCardDivClass),
|