sprint-asia-custom-component 0.1.82 → 0.1.83

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.
Files changed (3) hide show
  1. package/dist/index.js +18 -3
  2. package/package.json +1 -1
  3. package/src/components/customphone/index.js +14 -3
package/dist/index.js CHANGED
@@ -48171,13 +48171,28 @@
48171
48171
  data
48172
48172
  }) => {
48173
48173
  return /*#__PURE__*/React__default["default"].createElement("div", {
48174
- className: "w-[250px] h-[500px] rounded-[25px] border-[10px] border-black relative"
48174
+ style: {
48175
+ width: "250px",
48176
+ height: "500px",
48177
+ border: "10px solid #000",
48178
+ position: "relative",
48179
+ borderRadius: "25px"
48180
+ }
48175
48181
  }, /*#__PURE__*/React__default["default"].createElement("div", {
48176
48182
  className: "flex justify-between"
48177
48183
  }, /*#__PURE__*/React__default["default"].createElement("p", {
48178
48184
  className: "absolute left-0 pt-1 pl-2 text-xs text-black ml-2"
48179
48185
  }, "09.41"), /*#__PURE__*/React__default["default"].createElement("div", {
48180
- className: "w-[110px] h-[20px] bg-black rounded-b-[10px] absolute top-0 left-[calc(50%-55px)]"
48186
+ style: {
48187
+ width: "110px",
48188
+ height: "20px",
48189
+ borderRadius: "0px 0px 10px 10px",
48190
+ backgroundColor: "#000",
48191
+ position: "absolute",
48192
+ top: "0px",
48193
+ left: "calc(50% - 55px)",
48194
+ zIndex: 1
48195
+ }
48181
48196
  }), /*#__PURE__*/React__default["default"].createElement("div", {
48182
48197
  className: "absolute right-0 pt-1 pr-2"
48183
48198
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -48189,7 +48204,7 @@
48189
48204
  }), /*#__PURE__*/React__default["default"].createElement(IoIosBatteryFull, {
48190
48205
  className: "w-3 h-3 text-black my-1"
48191
48206
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
48192
- className: "w-full h-full bg-white rounded-[15px] overflow-hidden"
48207
+ className: "w-full h-full bg-white rounded-xl overflow-hidden"
48193
48208
  }, mode === "Empty" && /*#__PURE__*/React__default["default"].createElement("div", {
48194
48209
  className: "h-full w-full bg-white flex justify-center items-center text-center"
48195
48210
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.82",
4
+ "version": "0.1.83",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/customphone/index.js CHANGED
@@ -32,10 +32,21 @@ const CustomPhone = ({
32
32
  data,
33
33
  }) => {
34
34
  return (
35
- <div className="w-[250px] h-[500px] rounded-[25px] border-[10px] border-black relative">
35
+ <div style={{width:"250px", height:"500px", border: "10px solid #000", position:"relative", borderRadius:"25px"}}>
36
36
  <div className='flex justify-between'>
37
37
  <p className='absolute left-0 pt-1 pl-2 text-xs text-black ml-2'>09.41</p>
38
- <div className="w-[110px] h-[20px] bg-black rounded-b-[10px] absolute top-0 left-[calc(50%-55px)]"></div>
38
+ <div
39
+ style={{
40
+ width: "110px",
41
+ height: "20px",
42
+ borderRadius: "0px 0px 10px 10px",
43
+ backgroundColor: "#000",
44
+ position: "absolute",
45
+ top: "0px",
46
+ left: "calc(50% - 55px)",
47
+ zIndex: 1,
48
+ }}
49
+ />
39
50
  <div className='absolute right-0 pt-1 pr-2'>
40
51
  <div className='flex'>
41
52
  <IoMdVolumeHigh className='w-3 h-3 text-black my-1'/>
@@ -44,7 +55,7 @@ const CustomPhone = ({
44
55
  </div>
45
56
  </div>
46
57
  </div>
47
- <div className="w-full h-full bg-white rounded-[15px] overflow-hidden">
58
+ <div className="w-full h-full bg-white rounded-xl overflow-hidden">
48
59
  {
49
60
  mode === "Empty" &&
50
61
  <div className='h-full w-full bg-white flex justify-center items-center text-center'>