@magmamath/students-features 1.3.23-rc.20 → 1.3.23-rc.21
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/commonjs/features/voice/playing/components/VoiceTranscription.js +18 -11
- package/dist/commonjs/features/voice/playing/components/VoiceTranscription.js.map +1 -1
- package/dist/module/features/voice/playing/components/VoiceTranscription.js +18 -11
- package/dist/module/features/voice/playing/components/VoiceTranscription.js.map +1 -1
- package/dist/typescript/commonjs/features/voice/playing/components/VoiceTranscription.d.ts.map +1 -1
- package/dist/typescript/module/features/voice/playing/components/VoiceTranscription.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/voice/playing/components/VoiceTranscription.tsx +23 -10
|
@@ -39,7 +39,7 @@ const VoiceTranscription = ({
|
|
|
39
39
|
});
|
|
40
40
|
const isLargeVariant = variant === _types.VoiceTranscriptionVariant.LARGE;
|
|
41
41
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
42
|
-
style: [styles.container, isLargeVariant
|
|
42
|
+
style: [styles.container, isLargeVariant ? styles.largeContainer : styles.smallContainer, style],
|
|
43
43
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
44
44
|
style: styles.header,
|
|
45
45
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
@@ -66,23 +66,30 @@ const VoiceTranscription = ({
|
|
|
66
66
|
exports.VoiceTranscription = VoiceTranscription;
|
|
67
67
|
const styles = _reactNative.StyleSheet.create({
|
|
68
68
|
container: {
|
|
69
|
-
position: 'absolute',
|
|
70
|
-
top: 56,
|
|
71
|
-
left: _reactNativeUi.SPACING[200],
|
|
72
|
-
width: 222,
|
|
73
|
-
maxHeight: 405,
|
|
74
|
-
minHeight: 51,
|
|
75
69
|
padding: 4,
|
|
76
70
|
boxShadow: '0px 1px 3px 0px rgba(51, 51, 51, 0.25)',
|
|
77
71
|
borderRadius: 12,
|
|
78
72
|
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
|
|
79
73
|
overflow: 'hidden'
|
|
80
74
|
},
|
|
75
|
+
// SMALL: floats over the drawing area; consumer-positioned siblings sit
|
|
76
|
+
// beneath it. Absolute positioning is intentional here.
|
|
77
|
+
smallContainer: {
|
|
78
|
+
position: 'absolute',
|
|
79
|
+
top: 56,
|
|
80
|
+
left: _reactNativeUi.SPACING[200],
|
|
81
|
+
width: 222,
|
|
82
|
+
maxHeight: 405,
|
|
83
|
+
minHeight: 51
|
|
84
|
+
},
|
|
85
|
+
// LARGE: rendered as a flex child of the SolutionCard's column flow,
|
|
86
|
+
// between the header and footer. Auto-sizes to whatever space the footer
|
|
87
|
+
// (with or without the playable timeline) leaves — no magic numbers.
|
|
81
88
|
largeContainer: {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
89
|
+
flex: 1,
|
|
90
|
+
marginHorizontal: _reactNativeUi.SPACING[200],
|
|
91
|
+
marginTop: _reactNativeUi.SPACING[200],
|
|
92
|
+
marginBottom: _reactNativeUi.SPACING[200]
|
|
86
93
|
},
|
|
87
94
|
header: {
|
|
88
95
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeUi","require","_react","_interopRequireDefault","_reactNative","_reactNativeReanimated","_types","_i18n","_useVoiceTranscriptionController","_VoiceTranscriptContent","_VoiceTranscriptionCollapsible","_VoiceTranscriptionHeaderActions","_jsxRuntime","e","__esModule","default","VoiceTranscription","style","model","answers","attemptOffset","attemptsCount","problemId","variant","VoiceTranscriptionVariant","SMALL","t","useText","display","flags","actions","useVoiceTranscriptionController","isLargeVariant","LARGE","jsxs","View","styles","container","largeContainer","children","header","jsx","Typography","title","anyAttemptHasAudio","VoiceTranscriptionHeaderActions","playerState","isTranslationActive","canTranslate","onPlayPress","onTranslationPress","onTranslationToggle","VoiceTranscriptContent","text","isLoading","VoiceTranscriptionCollapsible","dropdown","exports","StyleSheet","create","
|
|
1
|
+
{"version":3,"names":["_reactNativeUi","require","_react","_interopRequireDefault","_reactNative","_reactNativeReanimated","_types","_i18n","_useVoiceTranscriptionController","_VoiceTranscriptContent","_VoiceTranscriptionCollapsible","_VoiceTranscriptionHeaderActions","_jsxRuntime","e","__esModule","default","VoiceTranscription","style","model","answers","attemptOffset","attemptsCount","problemId","variant","VoiceTranscriptionVariant","SMALL","t","useText","display","flags","actions","useVoiceTranscriptionController","isLargeVariant","LARGE","jsxs","View","styles","container","largeContainer","smallContainer","children","header","jsx","Typography","title","anyAttemptHasAudio","VoiceTranscriptionHeaderActions","playerState","isTranslationActive","canTranslate","onPlayPress","onTranslationPress","onTranslationToggle","VoiceTranscriptContent","text","isLoading","VoiceTranscriptionCollapsible","dropdown","exports","StyleSheet","create","padding","boxShadow","borderRadius","backgroundColor","COLORS","NEUTRAL_1","overflow","position","top","left","SPACING","width","maxHeight","minHeight","flex","marginHorizontal","marginTop","marginBottom","flexDirection","justifyContent","alignItems","height","color","NEUTRAL_9","marginLeft"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/components/VoiceTranscription.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -34,7 +34,7 @@ export const VoiceTranscription = ({
|
|
|
34
34
|
});
|
|
35
35
|
const isLargeVariant = variant === VoiceTranscriptionVariant.LARGE;
|
|
36
36
|
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
37
|
-
style: [styles.container, isLargeVariant
|
|
37
|
+
style: [styles.container, isLargeVariant ? styles.largeContainer : styles.smallContainer, style],
|
|
38
38
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
39
39
|
style: styles.header,
|
|
40
40
|
children: [/*#__PURE__*/_jsx(Typography, {
|
|
@@ -60,23 +60,30 @@ export const VoiceTranscription = ({
|
|
|
60
60
|
};
|
|
61
61
|
const styles = StyleSheet.create({
|
|
62
62
|
container: {
|
|
63
|
-
position: 'absolute',
|
|
64
|
-
top: 56,
|
|
65
|
-
left: SPACING[200],
|
|
66
|
-
width: 222,
|
|
67
|
-
maxHeight: 405,
|
|
68
|
-
minHeight: 51,
|
|
69
63
|
padding: 4,
|
|
70
64
|
boxShadow: '0px 1px 3px 0px rgba(51, 51, 51, 0.25)',
|
|
71
65
|
borderRadius: 12,
|
|
72
66
|
backgroundColor: COLORS.NEUTRAL_1,
|
|
73
67
|
overflow: 'hidden'
|
|
74
68
|
},
|
|
69
|
+
// SMALL: floats over the drawing area; consumer-positioned siblings sit
|
|
70
|
+
// beneath it. Absolute positioning is intentional here.
|
|
71
|
+
smallContainer: {
|
|
72
|
+
position: 'absolute',
|
|
73
|
+
top: 56,
|
|
74
|
+
left: SPACING[200],
|
|
75
|
+
width: 222,
|
|
76
|
+
maxHeight: 405,
|
|
77
|
+
minHeight: 51
|
|
78
|
+
},
|
|
79
|
+
// LARGE: rendered as a flex child of the SolutionCard's column flow,
|
|
80
|
+
// between the header and footer. Auto-sizes to whatever space the footer
|
|
81
|
+
// (with or without the playable timeline) leaves — no magic numbers.
|
|
75
82
|
largeContainer: {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
83
|
+
flex: 1,
|
|
84
|
+
marginHorizontal: SPACING[200],
|
|
85
|
+
marginTop: SPACING[200],
|
|
86
|
+
marginBottom: SPACING[200]
|
|
80
87
|
},
|
|
81
88
|
header: {
|
|
82
89
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Typography","COLORS","SPACING","React","StyleSheet","View","Animated","VoiceTranscriptionVariant","useText","useVoiceTranscriptionController","VoiceTranscriptContent","VoiceTranscriptionCollapsible","VoiceTranscriptionHeaderActions","jsx","_jsx","jsxs","_jsxs","VoiceTranscription","style","model","answers","attemptOffset","attemptsCount","problemId","variant","SMALL","t","display","flags","actions","isLargeVariant","LARGE","styles","container","largeContainer","children","header","title","anyAttemptHasAudio","playerState","isTranslationActive","canTranslate","onPlayPress","onTranslationPress","onTranslationToggle","text","isLoading","dropdown","create","
|
|
1
|
+
{"version":3,"names":["Typography","COLORS","SPACING","React","StyleSheet","View","Animated","VoiceTranscriptionVariant","useText","useVoiceTranscriptionController","VoiceTranscriptContent","VoiceTranscriptionCollapsible","VoiceTranscriptionHeaderActions","jsx","_jsx","jsxs","_jsxs","VoiceTranscription","style","model","answers","attemptOffset","attemptsCount","problemId","variant","SMALL","t","display","flags","actions","isLargeVariant","LARGE","styles","container","largeContainer","smallContainer","children","header","title","anyAttemptHasAudio","playerState","isTranslationActive","canTranslate","onPlayPress","onTranslationPress","onTranslationToggle","text","isLoading","dropdown","create","padding","boxShadow","borderRadius","backgroundColor","NEUTRAL_1","overflow","position","top","left","width","maxHeight","minHeight","flex","marginHorizontal","marginTop","marginBottom","flexDirection","justifyContent","alignItems","height","color","NEUTRAL_9","marginLeft"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/components/VoiceTranscription.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AACxE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACrE,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAAsBC,yBAAyB,QAAQ,gBAAa;AACpE,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,+BAA+B,QAAQ,6CAA0C;AAE1F,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,6BAA6B,QAAQ,oCAAiC;AAC/E,SAASC,+BAA+B,QAAQ,sCAAmC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYnF,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,aAAa;EACbC,aAAa;EACbC,SAAS;EACTC,OAAO,GAAGjB,yBAAyB,CAACkB;AACb,CAAC,KAAK;EAC7B,MAAMC,CAAC,GAAGlB,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEmB,OAAO;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGpB,+BAA+B,CAAC;IAClEU,KAAK;IACLC,OAAO;IACPC,aAAa;IACbC,aAAa;IACbC;EACF,CAAC,CAAC;EACF,MAAMO,cAAc,GAAGN,OAAO,KAAKjB,yBAAyB,CAACwB,KAAK;EAElE,oBACEf,KAAA,CAACV,QAAQ,CAACD,IAAI;IACZa,KAAK,EAAE,CACLc,MAAM,CAACC,SAAS,EAChBH,cAAc,GAAGE,MAAM,CAACE,cAAc,GAAGF,MAAM,CAACG,cAAc,EAC9DjB,KAAK,CACL;IAAAkB,QAAA,gBAEFpB,KAAA,CAACX,IAAI;MAACa,KAAK,EAAEc,MAAM,CAACK,MAAO;MAAAD,QAAA,gBACzBtB,IAAA,CAACd,UAAU;QAACkB,KAAK,EAAEc,MAAM,CAACM,KAAM;QAACd,OAAO,EAAC,IAAI;QAAAY,QAAA,EAC1CV,CAAC,CAAC,sBAAsB;MAAC,CAChB,CAAC,EACZE,KAAK,CAACW,kBAAkB,iBACvBzB,IAAA,CAACF,+BAA+B;QAC9B4B,WAAW,EAAEZ,KAAK,CAACY,WAAY;QAC/BC,mBAAmB,EAAEb,KAAK,CAACa,mBAAoB;QAC/CC,YAAY,EAAEd,KAAK,CAACc,YAAa;QACjCC,WAAW,EAAEd,OAAO,CAACc,WAAY;QACjCC,kBAAkB,EAAEf,OAAO,CAACgB;MAAoB,CACjD,CACF;IAAA,CACG,CAAC,EAENf,cAAc,gBACbhB,IAAA,CAACJ,sBAAsB;MAACoC,IAAI,EAAEnB,OAAO,CAACmB,IAAK;MAACC,SAAS,EAAEpB,OAAO,CAACoB;IAAU,CAAE,CAAC,gBAE5EjC,IAAA,CAACH,6BAA6B;MAC5BmC,IAAI,EAAEnB,OAAO,CAACmB,IAAK;MACnBC,SAAS,EAAEpB,OAAO,CAACoB,SAAU;MAC7BC,QAAQ,EAAE7B,KAAK,CAAC6B;IAAS,CAC1B,CACF;EAAA,CACY,CAAC;AAEpB,CAAC;AAED,MAAMhB,MAAM,GAAG5B,UAAU,CAAC6C,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,wCAAwC;IACnDC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEpD,MAAM,CAACqD,SAAS;IACjCC,QAAQ,EAAE;EACZ,CAAC;EACD;EACA;EACApB,cAAc,EAAE;IACdqB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAExD,OAAO,CAAC,GAAG,CAAC;IAClByD,KAAK,EAAE,GAAG;IACVC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE;EACb,CAAC;EACD;EACA;EACA;EACA3B,cAAc,EAAE;IACd4B,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE7D,OAAO,CAAC,GAAG,CAAC;IAC9B8D,SAAS,EAAE9D,OAAO,CAAC,GAAG,CAAC;IACvB+D,YAAY,EAAE/D,OAAO,CAAC,GAAG;EAC3B,CAAC;EACDmC,MAAM,EAAE;IACN6B,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBlB,OAAO,EAAE,CAAC;IACVe,YAAY,EAAE,CAAC;IACfI,MAAM,EAAE;EACV,CAAC;EACD/B,KAAK,EAAE;IACLgC,KAAK,EAAErE,MAAM,CAACsE,SAAS;IACvBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
package/dist/typescript/commonjs/features/voice/playing/components/VoiceTranscription.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceTranscription.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/playing/components/VoiceTranscription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAGpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAK3C,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,yBAAyB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,kBAAkB,iFAQ5B,uBAAuB,
|
|
1
|
+
{"version":3,"file":"VoiceTranscription.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/playing/components/VoiceTranscription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAGpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAK3C,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,yBAAyB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,kBAAkB,iFAQ5B,uBAAuB,sBA6CzB,CAAA"}
|
package/dist/typescript/module/features/voice/playing/components/VoiceTranscription.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceTranscription.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/playing/components/VoiceTranscription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAGpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAK3C,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,yBAAyB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,kBAAkB,iFAQ5B,uBAAuB,
|
|
1
|
+
{"version":3,"file":"VoiceTranscription.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/playing/components/VoiceTranscription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAGpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAK3C,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,yBAAyB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,kBAAkB,iFAQ5B,uBAAuB,sBA6CzB,CAAA"}
|
package/package.json
CHANGED
|
@@ -40,7 +40,13 @@ export const VoiceTranscription = ({
|
|
|
40
40
|
const isLargeVariant = variant === VoiceTranscriptionVariant.LARGE
|
|
41
41
|
|
|
42
42
|
return (
|
|
43
|
-
<Animated.View
|
|
43
|
+
<Animated.View
|
|
44
|
+
style={[
|
|
45
|
+
styles.container,
|
|
46
|
+
isLargeVariant ? styles.largeContainer : styles.smallContainer,
|
|
47
|
+
style,
|
|
48
|
+
]}
|
|
49
|
+
>
|
|
44
50
|
<View style={styles.header}>
|
|
45
51
|
<Typography style={styles.title} variant="h7">
|
|
46
52
|
{t('voice.transcriptions')}
|
|
@@ -71,23 +77,30 @@ export const VoiceTranscription = ({
|
|
|
71
77
|
|
|
72
78
|
const styles = StyleSheet.create({
|
|
73
79
|
container: {
|
|
80
|
+
padding: 4,
|
|
81
|
+
boxShadow: '0px 1px 3px 0px rgba(51, 51, 51, 0.25)',
|
|
82
|
+
borderRadius: 12,
|
|
83
|
+
backgroundColor: COLORS.NEUTRAL_1,
|
|
84
|
+
overflow: 'hidden',
|
|
85
|
+
},
|
|
86
|
+
// SMALL: floats over the drawing area; consumer-positioned siblings sit
|
|
87
|
+
// beneath it. Absolute positioning is intentional here.
|
|
88
|
+
smallContainer: {
|
|
74
89
|
position: 'absolute',
|
|
75
90
|
top: 56,
|
|
76
91
|
left: SPACING[200],
|
|
77
92
|
width: 222,
|
|
78
93
|
maxHeight: 405,
|
|
79
94
|
minHeight: 51,
|
|
80
|
-
padding: 4,
|
|
81
|
-
boxShadow: '0px 1px 3px 0px rgba(51, 51, 51, 0.25)',
|
|
82
|
-
borderRadius: 12,
|
|
83
|
-
backgroundColor: COLORS.NEUTRAL_1,
|
|
84
|
-
overflow: 'hidden',
|
|
85
95
|
},
|
|
96
|
+
// LARGE: rendered as a flex child of the SolutionCard's column flow,
|
|
97
|
+
// between the header and footer. Auto-sizes to whatever space the footer
|
|
98
|
+
// (with or without the playable timeline) leaves — no magic numbers.
|
|
86
99
|
largeContainer: {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
100
|
+
flex: 1,
|
|
101
|
+
marginHorizontal: SPACING[200],
|
|
102
|
+
marginTop: SPACING[200],
|
|
103
|
+
marginBottom: SPACING[200],
|
|
91
104
|
},
|
|
92
105
|
header: {
|
|
93
106
|
flexDirection: 'row',
|