@naculus/connect-appkit-ui 0.8.0 → 0.9.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/README.md +6 -0
- package/dist/index.cjs +6 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/styles/components.css +1 -1
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -30,6 +30,12 @@ import "@naculus/connect-appkit-ui/styles"
|
|
|
30
30
|
No Tailwind setup is required in the consuming app. Add the `dark` class to an
|
|
31
31
|
ancestor of the UI to use the dark theme.
|
|
32
32
|
|
|
33
|
+
The component stylesheet also handles foldable and dual-screen spanning. When
|
|
34
|
+
a browser exposes two viewport segments, payment cards and dialogs stay in the
|
|
35
|
+
first segment instead of centering across a hinge; vertically segmented screens
|
|
36
|
+
keep those surfaces above the fold. These rules use viewport-segment media
|
|
37
|
+
features and have no effect at ordinary single-screen viewport sizes.
|
|
38
|
+
|
|
33
39
|
The components assume a page reset (Tailwind preflight, as shadcn components
|
|
34
40
|
do). An app that already uses Tailwind has one. Otherwise also import the
|
|
35
41
|
opt-in reset, which changes element defaults for the whole page:
|