@rpg-engine/long-bow 0.6.40 → 0.6.41
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/long-bow.cjs.development.js +2 -2
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +2 -2
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/images/farming-plant-seed.png +0 -0
- package/src/components/Tutorial/TutorialStepper.tsx +4 -6
- package/src/stories/TutorialStepper.stories.tsx +2 -1
package/package.json
CHANGED
|
Binary file
|
|
@@ -85,8 +85,7 @@ const LessonImageWrapper = styled.div`
|
|
|
85
85
|
width: 100%;
|
|
86
86
|
max-width: 500px;
|
|
87
87
|
margin: 1rem auto;
|
|
88
|
-
aspect-ratio:
|
|
89
|
-
overflow: hidden;
|
|
88
|
+
aspect-ratio: auto; /* Allow the image to define its own aspect ratio */
|
|
90
89
|
border-radius: 10px;
|
|
91
90
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
92
91
|
`;
|
|
@@ -111,14 +110,13 @@ const LessonImage = styled.div`
|
|
|
111
110
|
justify-content: center;
|
|
112
111
|
align-items: center;
|
|
113
112
|
width: 100%;
|
|
114
|
-
height: auto;
|
|
115
113
|
max-width: 500px;
|
|
116
114
|
margin: auto;
|
|
117
115
|
|
|
118
116
|
img {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
object-fit: contain;
|
|
117
|
+
width: 100%;
|
|
118
|
+
height: auto;
|
|
119
|
+
object-fit: contain; /* Ensures the entire image is visible */
|
|
122
120
|
border-radius: 10px;
|
|
123
121
|
}
|
|
124
122
|
`;
|
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
TutorialStepper,
|
|
8
8
|
} from '../components/Tutorial/TutorialStepper';
|
|
9
9
|
|
|
10
|
+
import tutorialImg3 from '../assets/images/farming-plant-seed.png';
|
|
10
11
|
import tutorialImg1 from '../assets/images/sewer.png';
|
|
11
12
|
import tutorialImg2 from '../assets/images/shortcuts.png';
|
|
12
13
|
|
|
@@ -33,7 +34,7 @@ const Template: Story<ITutorialStepperProps> = () => {
|
|
|
33
34
|
title: 'Body example',
|
|
34
35
|
body: `<p>This is a body example with a <a href="https://google.com" target="_blank">link</a> and a <strong>bold</strong> text.
|
|
35
36
|
</p>`,
|
|
36
|
-
image:
|
|
37
|
+
image: tutorialImg3,
|
|
37
38
|
},
|
|
38
39
|
];
|
|
39
40
|
|