@stackshift-ui/app-promo 6.0.9 → 6.0.10
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 +14 -14
- package/src/app-promo_c.tsx +5 -5
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/app-promo",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.10",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,27 +29,27 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/typescript-config": "6.0.
|
|
33
|
-
"@stackshift-ui/eslint-config": "6.0.
|
|
32
|
+
"@stackshift-ui/typescript-config": "6.0.8",
|
|
33
|
+
"@stackshift-ui/eslint-config": "6.0.8"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@stackshift-ui/scripts": "6.0.
|
|
37
|
-
"@stackshift-ui/system": "6.0.
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/swiper-button": "6.0.
|
|
44
|
-
"@stackshift-ui/
|
|
45
|
-
"@stackshift-ui/heading": "6.0.
|
|
36
|
+
"@stackshift-ui/scripts": "6.0.8",
|
|
37
|
+
"@stackshift-ui/system": "6.0.9",
|
|
38
|
+
"@stackshift-ui/link": "6.0.9",
|
|
39
|
+
"@stackshift-ui/image": "6.0.9",
|
|
40
|
+
"@stackshift-ui/text": "6.0.9",
|
|
41
|
+
"@stackshift-ui/container": "6.0.9",
|
|
42
|
+
"@stackshift-ui/section": "6.0.9",
|
|
43
|
+
"@stackshift-ui/swiper-button": "6.0.9",
|
|
44
|
+
"@stackshift-ui/flex": "6.0.9",
|
|
45
|
+
"@stackshift-ui/heading": "6.0.9"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"@types/react": "16.8 - 19",
|
|
49
49
|
"next": "10 - 14",
|
|
50
50
|
"react": "16.8 - 19",
|
|
51
51
|
"react-dom": "16.8 - 19",
|
|
52
|
-
"@stackshift-ui/system": ">=6.0.
|
|
52
|
+
"@stackshift-ui/system": ">=6.0.9"
|
|
53
53
|
},
|
|
54
54
|
"peerDependenciesMeta": {
|
|
55
55
|
"next": {
|
package/src/app-promo_c.tsx
CHANGED
|
@@ -17,7 +17,7 @@ export default function AppPromo_C({
|
|
|
17
17
|
return (
|
|
18
18
|
<Section className="py-20 bg-background">
|
|
19
19
|
<Container maxWidth={1280}>
|
|
20
|
-
<Flex align="center"
|
|
20
|
+
<Flex align="center" className="flex flex-col lg:flex-row items-center justify-start gap-8">
|
|
21
21
|
<TextSection
|
|
22
22
|
subtitle={subtitle}
|
|
23
23
|
title={title}
|
|
@@ -43,7 +43,7 @@ function TextSection({
|
|
|
43
43
|
features?: string[];
|
|
44
44
|
}) {
|
|
45
45
|
return (
|
|
46
|
-
<div className="max-w-xl space-y-5">
|
|
46
|
+
<div className="w-full lg:max-w-xl space-y-5">
|
|
47
47
|
{subtitle ? (
|
|
48
48
|
<Text weight="bold" className="text-sm md:text-lg lg:text-xl text-secondary">
|
|
49
49
|
{subtitle}
|
|
@@ -85,7 +85,7 @@ function ImageSection({ images }: { images?: Images[] }) {
|
|
|
85
85
|
if (!images) return null;
|
|
86
86
|
|
|
87
87
|
return (
|
|
88
|
-
<
|
|
88
|
+
<div className="flex lg:flex-row items-center justify-start gap-0 w-full sm:w-2/3 transform -rotate-12 lg:w-1/2">
|
|
89
89
|
<ImageDisplay images={images} start={0} end={1} />
|
|
90
90
|
<div className="w-full">
|
|
91
91
|
{images
|
|
@@ -93,7 +93,7 @@ function ImageSection({ images }: { images?: Images[] }) {
|
|
|
93
93
|
.map((img, index) => <ImageDisplay images={[img]} start={0} end={1} key={index} />)}
|
|
94
94
|
</div>
|
|
95
95
|
<ImageDisplay images={images} start={3} end={4} />
|
|
96
|
-
</
|
|
96
|
+
</div>
|
|
97
97
|
);
|
|
98
98
|
}
|
|
99
99
|
|
|
@@ -101,7 +101,7 @@ function ImageDisplay({ images, start, end }: { images?: Images[]; start: number
|
|
|
101
101
|
if (!images?.[start]?.image) return null;
|
|
102
102
|
|
|
103
103
|
return (
|
|
104
|
-
<div className="w-full">
|
|
104
|
+
<div className="lg:w-full">
|
|
105
105
|
{images.slice(start, end).map((image, index) => (
|
|
106
106
|
<Image
|
|
107
107
|
key={index}
|