optimized-react-component-library-xyz123 0.12.1 → 0.12.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/css/mobileView.css +31 -3
  3. package/src/css/styles.css +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.12.1",
3
+ "version": "0.12.3",
4
4
  "description": "A modern React component library using TypeScript with React 19 support.",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",
package/src/css/mobileView.css CHANGED
@@ -44,6 +44,11 @@
44
44
  margin: 0;
45
45
  padding: 0;
46
46
  }
47
+
48
+ .pts-footer-slogan-text {
49
+ font-size: 16px;
50
+ text-align: center;
51
+ }
47
52
  }
48
53
 
49
54
  /********************************************/
@@ -306,14 +311,37 @@
306
311
  }
307
312
  }
308
313
 
314
+
315
+ /********************************************/
316
+ /***************WIDTH: 750 ******************/
317
+ /********************************************/
318
+ @media (max-width: 750px) {
319
+ body .pts-stepper-step:not(:last-child)::after {
320
+ left: calc(50% + 3rem);
321
+ width: calc(33.33vw - 13rem);
322
+ right: auto;
323
+ }
324
+ }
325
+
326
+ /********************************************/
327
+ /***************WIDTH: 550 ******************/
328
+ /********************************************/
329
+ @media (max-width: 550px) {
330
+ body .pts-stepper-step:not(:last-child)::after {
331
+ left: calc(50% + 3rem);
332
+ width: calc(33.33vw - 11rem);
333
+ right: auto;
334
+ }
335
+ }
336
+
309
337
  /********************************************/
310
338
  /***************WIDTH: 480 ******************/
311
339
  /********************************************/
312
340
  @media (max-width: 480px) {
313
341
  .pts-stepper-step:not(:last-child)::after {
314
- left: calc(50% + 2rem) !important;
315
- width: calc(33.33vw - 7.7rem) !important;
316
- right: auto !important;
342
+ left: calc(50% + 3rem);
343
+ width: calc(33.33vw - 10rem);
344
+ right: auto;
317
345
  }
318
346
 
319
347
  .files-upload {
package/src/css/styles.css CHANGED
@@ -661,7 +661,8 @@ textarea:focus-visible,
661
661
  align-items: center;
662
662
  justify-content: center;
663
663
  background-color: var(--background-third);
664
- padding: 1.8rem 2.4rem;
664
+ height: 50px;
665
+ padding: 0px;
665
666
  }
666
667
 
667
668
  .pts-footer-slogan-text{