@rpg-engine/long-bow 0.6.39 → 0.6.40
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 +12 -12
- 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 +12 -12
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Tutorial/TutorialStepper.tsx +29 -19
package/package.json
CHANGED
|
@@ -91,25 +91,6 @@ const LessonImageWrapper = styled.div`
|
|
|
91
91
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
92
92
|
`;
|
|
93
93
|
|
|
94
|
-
const LessonImage = styled.div`
|
|
95
|
-
width: 100%;
|
|
96
|
-
height: 100%;
|
|
97
|
-
position: relative;
|
|
98
|
-
`;
|
|
99
|
-
|
|
100
|
-
const LessonContainer = styled.div`
|
|
101
|
-
display: flex;
|
|
102
|
-
flex-direction: column;
|
|
103
|
-
justify-content: flex-start;
|
|
104
|
-
min-height: 200px;
|
|
105
|
-
padding: 1rem;
|
|
106
|
-
padding-top: 0;
|
|
107
|
-
|
|
108
|
-
p {
|
|
109
|
-
font-size: 0.7rem !important;
|
|
110
|
-
}
|
|
111
|
-
`;
|
|
112
|
-
|
|
113
94
|
const LessonBody = styled.div``;
|
|
114
95
|
|
|
115
96
|
const Container = styled.div`
|
|
@@ -125,7 +106,36 @@ const LessonFooter = styled.div`
|
|
|
125
106
|
margin-top: 1rem;
|
|
126
107
|
`;
|
|
127
108
|
|
|
109
|
+
const LessonImage = styled.div`
|
|
110
|
+
display: flex;
|
|
111
|
+
justify-content: center;
|
|
112
|
+
align-items: center;
|
|
113
|
+
width: 100%;
|
|
114
|
+
height: auto;
|
|
115
|
+
max-width: 500px;
|
|
116
|
+
margin: auto;
|
|
117
|
+
|
|
118
|
+
img {
|
|
119
|
+
max-width: 100%;
|
|
120
|
+
max-height: 100%;
|
|
121
|
+
object-fit: contain;
|
|
122
|
+
border-radius: 10px;
|
|
123
|
+
}
|
|
124
|
+
`;
|
|
125
|
+
|
|
128
126
|
const LessonTitle = styled.h1`
|
|
129
127
|
color: ${uiColors.yellow} !important;
|
|
130
128
|
font-size: 0.8rem !important;
|
|
131
129
|
`;
|
|
130
|
+
|
|
131
|
+
const LessonContainer = styled.div`
|
|
132
|
+
display: flex;
|
|
133
|
+
flex-direction: column;
|
|
134
|
+
justify-content: space-between;
|
|
135
|
+
min-height: 200px; /* Match with StepperBody for consistent height */
|
|
136
|
+
|
|
137
|
+
p {
|
|
138
|
+
// make font size consistent with rest
|
|
139
|
+
font-size: 0.7rem !important;
|
|
140
|
+
}
|
|
141
|
+
`;
|