@nine-lab/nine-mu 0.1.356 → 0.1.358
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/nine-mu.js +28 -24
- package/dist/nine-mu.js.map +1 -1
- package/dist/nine-mu.umd.js +1 -1
- package/dist/nine-mu.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/exception/ExceptionHook.js +19 -17
package/package.json
CHANGED
|
@@ -5,22 +5,27 @@ import React from 'react';
|
|
|
5
5
|
// ==========================================
|
|
6
6
|
export const NineExceptionStyles = {
|
|
7
7
|
container: {
|
|
8
|
-
padding: '25px',
|
|
9
|
-
margin: '20px',
|
|
10
|
-
background: '#121314',
|
|
8
|
+
padding: '20px 25px', // 위아래 여백을 적절히 줄여 꽉 찬 느낌 유도
|
|
9
|
+
margin: '20px 0', // 좌우 마진을 없애 부모 너비에 100% 꽉 차게 설정
|
|
10
|
+
background: '#121314', // 터미널 다크 블랙 배경
|
|
11
11
|
border: '1px solid #343A40',
|
|
12
12
|
borderRadius: '6px',
|
|
13
|
+
// ⭐ 모든 요소가 완벽한 터미널 정렬을 갖추도록 고정폭 서체를 부모에 강제 주입
|
|
13
14
|
fontFamily: 'Consolas, Monaco, "Courier New", monospace',
|
|
14
15
|
textAlign: 'left',
|
|
15
16
|
boxShadow: '0 4px 12px rgba(0,0,0,0.3)',
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
|
|
18
|
+
// 내부 라인들을 인라인 텍스트 흐름처럼 촘촘하게 쌓기 위해 flex 간격 조정
|
|
19
|
+
display: 'flex',
|
|
20
|
+
flexDirection: 'column',
|
|
21
|
+
gap: '10px', // 줄간 간격을 10px로 타이트하게 조여 터미널 감성 극대화
|
|
22
|
+
lineHeight: '1.2' // 모든 라인의 글자 높이 기준 통일
|
|
18
23
|
},
|
|
19
24
|
systemError: {
|
|
20
|
-
color: '#999',
|
|
25
|
+
color: '#999', // 요청하신 대로 #999 색상 지정
|
|
21
26
|
fontWeight: 'bold',
|
|
22
27
|
fontSize: '14px',
|
|
23
|
-
margin: '0',
|
|
28
|
+
margin: '0', // 수동 마진 제거 (부모 gap으로 일괄 제어)
|
|
24
29
|
letterSpacing: '0.5px',
|
|
25
30
|
padding: '0'
|
|
26
31
|
},
|
|
@@ -28,41 +33,38 @@ export const NineExceptionStyles = {
|
|
|
28
33
|
background: 'transparent',
|
|
29
34
|
color: '#F8F9FA',
|
|
30
35
|
padding: '0',
|
|
31
|
-
margin: '0',
|
|
36
|
+
margin: '0', // pre 태그 고유의 불규칙한 여백 완전 제거
|
|
32
37
|
border: 'none',
|
|
33
38
|
overflowX: 'auto',
|
|
34
39
|
whiteSpace: 'pre-wrap',
|
|
35
40
|
fontFamily: 'Consolas, Monaco, monospace',
|
|
36
41
|
fontSize: '14px',
|
|
37
|
-
// 4. 추가: 브라우저가 pre 태그에 임의로 잡는 베이스라인 정렬을 강제로 리셋
|
|
38
42
|
display: 'block'
|
|
39
43
|
},
|
|
40
44
|
footer: {
|
|
41
45
|
fontSize: '14px',
|
|
42
|
-
color: '#999',
|
|
46
|
+
color: '#999',
|
|
43
47
|
margin: '0',
|
|
44
48
|
padding: '0',
|
|
45
49
|
display: 'flex',
|
|
46
50
|
flexDirection: 'column',
|
|
47
|
-
gap: '
|
|
51
|
+
gap: '10px' // 후속 로그가 찍힐 때도 동일한 간격 유지
|
|
48
52
|
},
|
|
49
53
|
promptRow: {
|
|
50
54
|
margin: '0',
|
|
51
55
|
padding: '0',
|
|
52
56
|
display: 'block',
|
|
53
|
-
|
|
54
|
-
color: '#999' // ⭐ 괄호 및 텍스트 전체 #999 적용
|
|
57
|
+
color: '#999' // 대화형 구문도 완벽하게 #999 색상 일치
|
|
55
58
|
},
|
|
56
59
|
cliLink: {
|
|
57
|
-
color: '#38A169',
|
|
58
|
-
padding: '0',
|
|
60
|
+
color: '#38A169', // 선택지 y는 선명한 터미널 그린
|
|
61
|
+
padding: '0 2px',
|
|
59
62
|
fontFamily: 'Consolas, Monaco, monospace',
|
|
60
63
|
fontSize: '14px',
|
|
61
64
|
fontWeight: 'bold',
|
|
62
65
|
cursor: 'pointer',
|
|
63
66
|
textDecoration: 'underline',
|
|
64
|
-
textUnderlineOffset: '3px'
|
|
65
|
-
lineHeight: '1'
|
|
67
|
+
textUnderlineOffset: '3px'
|
|
66
68
|
}
|
|
67
69
|
};
|
|
68
70
|
|