kupos-ui-components-lib 6.0.1 → 6.0.2
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.
|
@@ -440,7 +440,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
|
|
|
440
440
|
: "mt-[14px]"} ` },
|
|
441
441
|
React.createElement("div", { className: "bg-white rounded-[20px] shadow-service mx-auto relative" },
|
|
442
442
|
React.createElement("div", { className: "p-[15px] pt-[20px]" },
|
|
443
|
-
React.createElement("div", { className: "grid text-[#464647] w-full [grid-template-columns:
|
|
443
|
+
React.createElement("div", { className: "grid text-[#464647] w-full [grid-template-columns:14%_32%_0.5%_24%_13.5%] gap-x-[4%] items-center", style: { marginTop: showTopLabel ? "8px" : "" } },
|
|
444
444
|
React.createElement("div", { className: "flex items-center justify-center m-[auto]" },
|
|
445
445
|
React.createElement("div", { className: " " },
|
|
446
446
|
React.createElement("img", { src: serviceItem.operator_details[0], alt: "service logo", className: ` h-auto object-contain ${isSoldOut ? "grayscale" : ""}` })),
|
|
@@ -524,7 +524,8 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
|
|
|
524
524
|
color: isSoldOut ? "#c0c0c0" : colors.priceColor,
|
|
525
525
|
top: 0,
|
|
526
526
|
bottom: 0,
|
|
527
|
-
left: "
|
|
527
|
+
left: "clamp(75%, 75% + (100vw - 1300px) * 0.1, 80%)",
|
|
528
|
+
// left: "68%",
|
|
528
529
|
right: 0,
|
|
529
530
|
justifyContent: getNumberOfSeats() < 2 ? "center" : "",
|
|
530
531
|
} }, getSeatPrice()))),
|
package/dist/styles.css
CHANGED
|
@@ -403,12 +403,12 @@
|
|
|
403
403
|
.cursor-pointer {
|
|
404
404
|
cursor: pointer;
|
|
405
405
|
}
|
|
406
|
+
.\[grid-template-columns\:14\%_32\%_0\.5\%_24\%_13\.5\%\] {
|
|
407
|
+
grid-template-columns: 14% 32% 0.5% 24% 13.5%;
|
|
408
|
+
}
|
|
406
409
|
.\[grid-template-columns\:14\%_40\%_0\.5\%_24\%_13\.5\%\] {
|
|
407
410
|
grid-template-columns: 14% 40% 0.5% 24% 13.5%;
|
|
408
411
|
}
|
|
409
|
-
.\[grid-template-columns\:18\%_28\%_0\.5\%_24\%_13\.5\%\] {
|
|
410
|
-
grid-template-columns: 18% 28% 0.5% 24% 13.5%;
|
|
411
|
-
}
|
|
412
412
|
.\[grid-template-columns\:minmax\(0\,1\.4fr\)_minmax\(0\,0\.2fr\)_minmax\(0\,1fr\)_auto\] {
|
|
413
413
|
grid-template-columns: minmax(0,1.4fr) minmax(0,0.2fr) minmax(0,1fr) auto;
|
|
414
414
|
}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
|
2
2
|
import { ServiceItemProps } from "./types";
|
|
3
3
|
import DateService from "../../utils/DateService";
|
|
4
4
|
import CommonService from "../../utils/CommonService";
|
|
@@ -650,7 +650,7 @@ function ServiceItemPB({
|
|
|
650
650
|
|
|
651
651
|
{/* <div className="grid grid-cols-[1.5fr_1fr_auto] gap-[3rem] sm:gap-[4rem] md:gap-[5rem] lg:gap-[6rem] xl:gap-[5rem] 2xl:gap-[7rem] text-[#464647]"> */}
|
|
652
652
|
<div
|
|
653
|
-
className="grid text-[#464647] w-full [grid-template-columns:
|
|
653
|
+
className="grid text-[#464647] w-full [grid-template-columns:14%_32%_0.5%_24%_13.5%] gap-x-[4%] items-center"
|
|
654
654
|
style={{ marginTop: showTopLabel ? "8px" : "" }}
|
|
655
655
|
>
|
|
656
656
|
{/* OPERATOR LOGO */}
|
|
@@ -946,7 +946,8 @@ function ServiceItemPB({
|
|
|
946
946
|
color: isSoldOut ? "#c0c0c0" : colors.priceColor,
|
|
947
947
|
top: 0,
|
|
948
948
|
bottom: 0,
|
|
949
|
-
left: "
|
|
949
|
+
left: "clamp(75%, 75% + (100vw - 1300px) * 0.1, 80%)",
|
|
950
|
+
// left: "68%",
|
|
950
951
|
right: 0,
|
|
951
952
|
justifyContent: getNumberOfSeats() < 2 ? "center" : "",
|
|
952
953
|
}}
|