@jjlmoya/utils-hardware 1.22.0 → 1.23.0

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jjlmoya/utils-hardware",
3
- "version": "1.22.0",
3
+ "version": "1.23.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
@@ -1,5 +1,14 @@
1
1
  .mst-root {
2
+ box-sizing: border-box;
2
3
  width: 100%;
4
+ max-width: 100%;
5
+ min-width: 0;
6
+ }
7
+
8
+ .mst-root *,
9
+ .mst-root *::before,
10
+ .mst-root *::after {
11
+ box-sizing: inherit;
3
12
  }
4
13
 
5
14
  .mst-card {
@@ -7,6 +16,8 @@
7
16
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
8
17
  gap: 1rem;
9
18
  width: 100%;
19
+ max-width: 100%;
20
+ min-width: 0;
10
21
  padding: clamp(0.9rem, 3vw, 1.25rem);
11
22
  border: 1px solid rgba(21, 94, 117, 0.22);
12
23
  border-radius: 8px;
@@ -29,6 +40,8 @@
29
40
  .mst-capture {
30
41
  position: relative;
31
42
  display: grid;
43
+ width: 100%;
44
+ min-width: 0;
32
45
  min-height: 430px;
33
46
  overflow: hidden;
34
47
  padding: clamp(1rem, 4vw, 1.5rem);
@@ -89,6 +102,7 @@
89
102
  display: inline-flex;
90
103
  align-items: center;
91
104
  gap: 0.45rem;
105
+ max-width: 100%;
92
106
  padding: 0.5rem 0.7rem;
93
107
  border-radius: 999px;
94
108
  font-size: 0.82rem;
@@ -109,6 +123,7 @@
109
123
  }
110
124
 
111
125
  .mst-lock-text {
126
+ width: 100%;
112
127
  max-width: 28rem;
113
128
  margin: 0;
114
129
  color: #fff;
@@ -196,6 +211,7 @@
196
211
  display: grid;
197
212
  gap: 0.45rem;
198
213
  max-width: 30rem;
214
+ min-width: 0;
199
215
  }
200
216
 
201
217
  @keyframes mst-locked-pulse {
@@ -250,7 +266,9 @@
250
266
  }
251
267
 
252
268
  .mst-capture-copy small {
269
+ display: block;
253
270
  max-width: 24rem;
271
+ overflow-wrap: anywhere;
254
272
  color: #0f172a;
255
273
  font-size: clamp(1.1rem, 3.4vw, 1.35rem);
256
274
  font-weight: 900;
@@ -310,6 +328,7 @@
310
328
  display: grid;
311
329
  gap: 0.85rem;
312
330
  align-content: start;
331
+ min-width: 0;
313
332
  }
314
333
 
315
334
  .mst-score,
@@ -349,6 +368,7 @@
349
368
  font-size: 0.94rem;
350
369
  font-weight: 750;
351
370
  line-height: 1.35;
371
+ overflow-wrap: anywhere;
352
372
  }
353
373
 
354
374
  .theme-dark .mst-direction-note {
@@ -495,10 +515,12 @@
495
515
  align-items: center;
496
516
  justify-content: space-between;
497
517
  gap: 0.75rem;
518
+ min-width: 0;
498
519
  font-weight: 800;
499
520
  }
500
521
 
501
522
  .mst-log-head button {
523
+ flex: 0 0 auto;
502
524
  border: 0;
503
525
  border-radius: 999px;
504
526
  background: #0f766e;
@@ -534,6 +556,7 @@
534
556
  border-radius: 8px;
535
557
  background: rgba(236, 253, 245, 0.82);
536
558
  font-size: 0.86rem;
559
+ overflow-wrap: anywhere;
537
560
  }
538
561
 
539
562
  .mst-log-item.reversal {