react-os-shell 0.11.0 → 0.12.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/dist/index.d.ts +10 -6
- package/dist/index.js +65 -47
- package/dist/index.js.map +1 -1
- package/dist/styles.css +15 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -151,6 +151,21 @@
|
|
|
151
151
|
color: #cdd6f4 !important;
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
+
/* iOS auto-zooms the viewport when a focused form control's computed
|
|
155
|
+
font-size is below 16px. On phones/tablets (same breakpoint as
|
|
156
|
+
useIsMobile) pin text-bearing controls to 16px so focusing them never
|
|
157
|
+
triggers the zoom. This keeps pinch-zoom working, unlike a
|
|
158
|
+
`maximum-scale=1` viewport lock. !important beats Tailwind text-*
|
|
159
|
+
utilities; the :not() list mirrors the dark-input rule above and skips
|
|
160
|
+
controls that don't take a text caret. */
|
|
161
|
+
@media (max-width: 767px), (pointer: coarse) {
|
|
162
|
+
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
|
|
163
|
+
select,
|
|
164
|
+
textarea {
|
|
165
|
+
font-size: 16px !important;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
|
|
154
169
|
/* Window title colors — read by Modal.tsx */
|
|
155
170
|
[data-theme="dark"] {
|
|
156
171
|
--window-title-active: #cdd6f4;
|
package/package.json
CHANGED