react-restyle-components 0.1.72 → 0.1.74
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/lib/global.css
CHANGED
|
@@ -959,9 +959,9 @@ video {
|
|
|
959
959
|
background-color: rgb(231 80 61 / var(--tw-bg-opacity));
|
|
960
960
|
}
|
|
961
961
|
|
|
962
|
-
.bg-
|
|
962
|
+
.bg-orange1 {
|
|
963
963
|
--tw-bg-opacity: 1;
|
|
964
|
-
background-color: rgb(
|
|
964
|
+
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
|
|
965
965
|
}
|
|
966
966
|
|
|
967
967
|
.bg-slate-800 {
|
|
@@ -1044,6 +1044,10 @@ video {
|
|
|
1044
1044
|
font-family: Nunito Sans Regular;
|
|
1045
1045
|
}
|
|
1046
1046
|
|
|
1047
|
+
.text-3md {
|
|
1048
|
+
font-size: 20px;
|
|
1049
|
+
}
|
|
1050
|
+
|
|
1047
1051
|
.text-3xs {
|
|
1048
1052
|
font-size: 12px;
|
|
1049
1053
|
}
|
|
@@ -3,7 +3,7 @@ import { Icon } from '../..';
|
|
|
3
3
|
export const Tabs = ({ options, onSelect }) => {
|
|
4
4
|
const [selected, setSelected] = useState(options[0].title);
|
|
5
5
|
return (React.createElement("div", { className: "flex justify-center" },
|
|
6
|
-
React.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options?.map((item, index) => (React.createElement("li", { key: index, className: "bg-
|
|
6
|
+
React.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options?.map((item, index) => (React.createElement("li", { key: index, className: "bg-orange1 rounded-md" },
|
|
7
7
|
React.createElement("div", { className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${item.title == selected
|
|
8
8
|
? 'text-white font-bold md:text-md border-primary active'
|
|
9
9
|
: ' text-gray-200 md:text-md border-transparent'}`, onClick: () => {
|
|
@@ -14,5 +14,5 @@ export const Tabs = ({ options, onSelect }) => {
|
|
|
14
14
|
color: item.title == selected ? '#ffffff' : '#000000',
|
|
15
15
|
size: 24,
|
|
16
16
|
} }),
|
|
17
|
-
item.title)))))));
|
|
17
|
+
React.createElement("span", { className: "text-3md" }, item.title))))))));
|
|
18
18
|
};
|