@nine-lab/nine-mu 0.1.356 → 0.1.357
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 +32 -26
- 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 +24 -19
package/package.json
CHANGED
|
@@ -5,22 +5,30 @@ import React from 'react';
|
|
|
5
5
|
// ==========================================
|
|
6
6
|
export const NineExceptionStyles = {
|
|
7
7
|
container: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
// 1. 화면 전체를 꽉 채우는 터미널 화면으로 전환
|
|
9
|
+
position: 'absolute',
|
|
10
|
+
top: 0,
|
|
11
|
+
left: 0,
|
|
12
|
+
width: '100%',
|
|
13
|
+
height: '100%',
|
|
14
|
+
padding: '40px', // 내부 여백을 넉넉히 주어 가독성 확보
|
|
15
|
+
boxSizing: 'border-box',
|
|
16
|
+
background: '#121314', // 터미널 다크 블랙 배경
|
|
13
17
|
fontFamily: 'Consolas, Monaco, "Courier New", monospace',
|
|
14
18
|
textAlign: 'left',
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
19
|
+
zIndex: 9999, // 화면 최상단으로 올리기
|
|
20
|
+
|
|
21
|
+
// 2. 미세하게 엇갈리던 줄간격을 완벽한 시스템 그리드로 정렬
|
|
22
|
+
display: 'flex',
|
|
23
|
+
flexDirection: 'column',
|
|
24
|
+
gap: '16px', // 모든 줄 사이의 간격을 16px로 강제 통일
|
|
25
|
+
lineHeight: '1'
|
|
18
26
|
},
|
|
19
27
|
systemError: {
|
|
20
|
-
color: '#999',
|
|
28
|
+
color: '#999', // 문구 색상 #999로 톤다운
|
|
21
29
|
fontWeight: 'bold',
|
|
22
30
|
fontSize: '14px',
|
|
23
|
-
margin: '0',
|
|
31
|
+
margin: '0', // 외부 여백을 제거하여 flex gap으로 제어
|
|
24
32
|
letterSpacing: '0.5px',
|
|
25
33
|
padding: '0'
|
|
26
34
|
},
|
|
@@ -28,41 +36,38 @@ export const NineExceptionStyles = {
|
|
|
28
36
|
background: 'transparent',
|
|
29
37
|
color: '#F8F9FA',
|
|
30
38
|
padding: '0',
|
|
31
|
-
margin: '0',
|
|
39
|
+
margin: '0', // pre 태그 고유의 엉뚱한 마진 원천 차단
|
|
32
40
|
border: 'none',
|
|
33
41
|
overflowX: 'auto',
|
|
34
42
|
whiteSpace: 'pre-wrap',
|
|
35
43
|
fontFamily: 'Consolas, Monaco, monospace',
|
|
36
44
|
fontSize: '14px',
|
|
37
|
-
// 4. 추가: 브라우저가 pre 태그에 임의로 잡는 베이스라인 정렬을 강제로 리셋
|
|
38
45
|
display: 'block'
|
|
39
46
|
},
|
|
40
47
|
footer: {
|
|
41
48
|
fontSize: '14px',
|
|
42
|
-
color: '#999',
|
|
49
|
+
color: '#999',
|
|
43
50
|
margin: '0',
|
|
44
51
|
padding: '0',
|
|
45
52
|
display: 'flex',
|
|
46
53
|
flexDirection: 'column',
|
|
47
|
-
gap: '
|
|
54
|
+
gap: '16px' // 후속 로그 적재 시 간격 일치
|
|
48
55
|
},
|
|
49
56
|
promptRow: {
|
|
50
57
|
margin: '0',
|
|
51
58
|
padding: '0',
|
|
52
59
|
display: 'block',
|
|
53
|
-
|
|
54
|
-
color: '#999' // ⭐ 괄호 및 텍스트 전체 #999 적용
|
|
60
|
+
color: '#999' // Send err... 문구 색상 #999 적용
|
|
55
61
|
},
|
|
56
62
|
cliLink: {
|
|
57
|
-
color: '#38A169',
|
|
63
|
+
color: '#38A169', // y 링크는 터미널 그린 유지
|
|
58
64
|
padding: '0',
|
|
59
65
|
fontFamily: 'Consolas, Monaco, monospace',
|
|
60
66
|
fontSize: '14px',
|
|
61
67
|
fontWeight: 'bold',
|
|
62
68
|
cursor: 'pointer',
|
|
63
69
|
textDecoration: 'underline',
|
|
64
|
-
textUnderlineOffset: '3px'
|
|
65
|
-
lineHeight: '1'
|
|
70
|
+
textUnderlineOffset: '3px'
|
|
66
71
|
}
|
|
67
72
|
};
|
|
68
73
|
|