yt-chat-components 1.2.2 → 1.2.4

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.
Files changed (42) hide show
  1. package/.idea/sonarlint/issuestore/7/0/7030d0b2f71b999ff89a343de08c414af32fc93a +0 -0
  2. package/.idea/sonarlint/issuestore/8/e/8ec9a00bfd09b3190ac6b22251dbb1aa95a0579d +0 -0
  3. package/.idea/sonarlint/issuestore/9/c/9cfff9a6d27bd6c255aa751213163c7901fb8ce7 +0 -0
  4. package/.idea/sonarlint/issuestore/index.pb +7 -0
  5. package/build/asset-manifest.json +20 -0
  6. package/build/index.html +1 -0
  7. package/build/static/css/main.8ee59d98.css +2 -0
  8. package/build/static/css/main.8ee59d98.css.map +1 -0
  9. package/build/static/js/main.371ede49.js +3 -0
  10. package/build/static/js/main.371ede49.js.LICENSE.txt +181 -0
  11. package/build/static/js/main.371ede49.js.map +1 -0
  12. package/build/static/media/ai_call_working.a63afffab31dc8264d05.gif +0 -0
  13. package/build/static/media/aiavatar.74bafa995cce4c01b804.png +0 -0
  14. package/build/static/media/history-list-empty.1eb65b1550aef4e8c8a4.png +0 -0
  15. package/build/static/media/icon_history_headerbg.50747e81d01257f55346.png +0 -0
  16. package/build/static/media/moreAi.285e66289f838072060c.png +0 -0
  17. package/build/static/media/moreBg.9fc998472925cecd89f2.png +0 -0
  18. package/build/static/media/phone.19bc6f0d2e9eae4863ae.png +0 -0
  19. package/package.json +80 -78
  20. package/public/index.html +108 -108
  21. package/src/YtChatView/chatWidget/chatWindow/callInterface/index.module.css +50 -50
  22. package/src/YtChatView/chatWidget/chatWindow/callInterface/index.tsx +549 -549
  23. package/src/YtChatView/chatWidget/chatWindow/callInterface/style.ts +44 -44
  24. package/src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx +501 -501
  25. package/src/YtChatView/chatWidget/chatWindow/chatPlaceholder/index.tsx +23 -23
  26. package/src/YtChatView/chatWidget/chatWindow/controllers/index.ts +249 -249
  27. package/src/YtChatView/chatWidget/chatWindow/index.module.css +196 -196
  28. package/src/YtChatView/chatWidget/chatWindow/index.tsx +1182 -1186
  29. package/src/YtChatView/chatWidget/chatWindow/types/chatWidget/index.ts +50 -50
  30. package/src/YtChatView/chatWidget/index.tsx +2598 -2596
  31. package/src/YtChatView/logoBtn/index.css +3 -3
  32. package/src/YtChatView/logoBtn/index.jsx +103 -103
  33. package/src/YtChatView/logoSplitBtn/index.css +3 -3
  34. package/src/YtChatView/logoSplitBtn/index.jsx +105 -105
  35. package/src/YtChatView/mobileChat/index.jsx +945 -945
  36. package/src/YtChatView/mobileChat/index.module.css +253 -253
  37. package/src/YtChatView/previewDialog/index.jsx +601 -601
  38. package/src/YtChatView/previewDialog/index.module.css +253 -253
  39. package/src/chatWidget/chatWindow/index.tsx +426 -426
  40. package/src/chatWidget/index.tsx +2195 -2195
  41. package/src/index.tsx +11 -127
  42. package/webpack.config.js +50 -50
package/package.json CHANGED
@@ -1,78 +1,80 @@
1
- {
2
- "name": "yt-chat-components",
3
- "version": "1.2.2",
4
- "main": "build/static/js/bundle.min.js",
5
- "module": "build/static/js/bundle.min.js",
6
- "types": "build/static/js/index.d.ts",
7
- "peerDependencies": {
8
- "react": "^17.0.0 || ^18.0.0",
9
- "react-dom": "^17.0.0 || ^18.0.0"
10
- },
11
- "dependencies": {
12
- "antd": "5.24.2",
13
- "@ant-design/icons": "5.0.0",
14
- "@testing-library/jest-dom": "^5.16.5",
15
- "@testing-library/react": "^13.4.0",
16
- "@testing-library/user-event": "^13.5.0",
17
- "@types/jest": "^27.5.2",
18
- "@types/node": "^16.18.37",
19
- "@types/react": "^18.2.14",
20
- "@types/react-dom": "^18.2.6",
21
- "axios": "^1.4.0",
22
- "echarts": "^5.6.0",
23
- "echarts-for-react": "^3.0.2",
24
- "lodash": "^4.17.21",
25
- "lucide-react": "^0.256.0",
26
- "react": "^18.2.0",
27
- "react-dom": "^18.2.0",
28
- "react-draggable": "^4.4.6",
29
- "react-markdown": "^8.0.7",
30
- "react-scripts": "5.0.1",
31
- "react-shadow": "^20.3.0",
32
- "rehype-mathjax": "^4.0.3",
33
- "remark-gfm": "3.0.1",
34
- "typescript": "^4.9.5",
35
- "uuid": "^10.0.0",
36
- "web-vitals": "^2.1.4"
37
- },
38
- "scripts": {
39
- "start": "react-scripts start",
40
- "build": "npm install --legacy-peer-deps && npm run build:react && npm run build:bundle",
41
- "build:react": "react-scripts build",
42
- "build:bundle": "webpack --config webpack.config.js",
43
- "test": "react-scripts test",
44
- "eject": "react-scripts eject"
45
- },
46
- "eslintConfig": {
47
- "extends": [
48
- "react-app",
49
- "react-app/jest"
50
- ]
51
- },
52
- "browserslist": {
53
- "production": [
54
- ">0.2%",
55
- "not dead",
56
- "not op_mini all"
57
- ],
58
- "development": [
59
- "last 1 chrome version",
60
- "last 1 firefox version",
61
- "last 1 safari version"
62
- ]
63
- },
64
- "devDependencies": {
65
- "@babel/core": "^7.26.10",
66
- "@babel/preset-env": "^7.26.9",
67
- "@babel/preset-react": "^7.26.3",
68
- "@babel/preset-typescript": "^7.26.0",
69
- "babel-loader": "^10.0.0",
70
- "css-loader": "^7.1.2",
71
- "file-loader": "^6.2.0",
72
- "mini-css-extract-plugin": "^2.9.2",
73
- "style-loader": "^4.0.0",
74
- "url-loader": "^4.1.1",
75
- "webpack": "^5.98.0",
76
- "webpack-cli": "^5.1.4"
77
- }
78
- }
1
+ {
2
+ "name": "yt-chat-components",
3
+ "version": "1.2.4",
4
+ "main": "build/static/js/bundle.min.js",
5
+ "module": "build/static/js/bundle.min.js",
6
+ "types": "build/static/js/index.d.ts",
7
+ "peerDependencies": {
8
+ "react": "^17.0.0 || ^18.0.0",
9
+ "react-dom": "^17.0.0 || ^18.0.0",
10
+ "react-draggable": "^4.4.6"
11
+ },
12
+ "dependencies": {
13
+ "@ant-design/icons": "5.0.0",
14
+ "@testing-library/jest-dom": "^5.16.5",
15
+ "@testing-library/react": "^13.4.0",
16
+ "@testing-library/user-event": "^13.5.0",
17
+ "@types/jest": "^27.5.2",
18
+ "@types/node": "^16.18.37",
19
+ "@types/react": "^18.2.14",
20
+ "@types/react-dom": "^18.2.6",
21
+ "antd": "5.24.2",
22
+ "axios": "^1.4.0",
23
+ "lodash": "^4.17.21",
24
+ "echarts": "^5.6.0",
25
+ "echarts-for-react": "^3.0.2",
26
+ "lucide-react": "^0.256.0",
27
+ "react-draggable": "^4.4.6",
28
+ "react": "^17.0.0 || ^18.0.0",
29
+ "react-dom": "^17.0.0 || ^18.0.0",
30
+ "react-markdown": "^8.0.7",
31
+ "react-scripts": "5.0.1",
32
+ "react-shadow": "^20.3.0",
33
+ "recorder-core": "^1.3.25011100",
34
+ "rehype-mathjax": "^4.0.3",
35
+ "remark-gfm": "3.0.1",
36
+ "typescript": "^4.9.5",
37
+ "uuid": "^10.0.0",
38
+ "web-vitals": "^2.1.4"
39
+ },
40
+ "scripts": {
41
+ "start": "set PORT=4000 && react-scripts start",
42
+ "build": "npm install --legacy-peer-deps && npm run build:react && npm run build:bundle",
43
+ "build:react": "react-scripts build",
44
+ "build:bundle": "webpack --config webpack.config.js",
45
+ "test": "react-scripts test",
46
+ "eject": "react-scripts eject"
47
+ },
48
+ "eslintConfig": {
49
+ "extends": [
50
+ "react-app",
51
+ "react-app/jest"
52
+ ]
53
+ },
54
+ "browserslist": {
55
+ "production": [
56
+ ">0.2%",
57
+ "not dead",
58
+ "not op_mini all"
59
+ ],
60
+ "development": [
61
+ "last 1 chrome version",
62
+ "last 1 firefox version",
63
+ "last 1 safari version"
64
+ ]
65
+ },
66
+ "devDependencies": {
67
+ "@babel/core": "^7.26.10",
68
+ "@babel/preset-env": "^7.26.9",
69
+ "@babel/preset-react": "^7.26.3",
70
+ "@babel/preset-typescript": "^7.26.0",
71
+ "babel-loader": "^10.0.0",
72
+ "css-loader": "^7.1.2",
73
+ "file-loader": "^6.2.0",
74
+ "mini-css-extract-plugin": "^2.9.2",
75
+ "style-loader": "^4.0.0",
76
+ "url-loader": "^4.1.1",
77
+ "webpack": "^5.98.0",
78
+ "webpack-cli": "^5.1.4"
79
+ }
80
+ }
package/public/index.html CHANGED
@@ -1,108 +1,108 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>校园智多星</title>
7
- <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
8
- </head>
9
- <body style="width: 100vw; height: 100vh; position: relative; margin: unset ">
10
- <yt-chat
11
- right="100"
12
- bottom="100"
13
- width="50"
14
- height="50"
15
- title="菜鸟驿站"
16
- icon-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"
17
- host-url="http://localhost:7860"
18
- user-info='{"id": "123", "name": "John Doe", "code":"1606451129" }'
19
- app-id="0043a683-cef6-4606-b43a-8d1a2f530bf6"
20
- is-show-side-left=true
21
- is-show-side-right=false
22
- modal-index="9999999999"
23
- modal-width="1200"
24
- dialog-index="999999999"
25
- agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"
26
- agent-name="医专智能助手"
27
- logo-width="42px"
28
- logo-font-size="26px"
29
- logo-position="fixed"
30
- is-title-side-icon=false
31
- is-show-upload-button=true
32
- />
33
- </body>
34
-
35
- <!--<body style="width: 100vw; height: 100vh; margin:0 ">-->
36
- <!--<yt-page-chat-->
37
- <!-- title="菜鸟驿站"-->
38
- <!-- host-url="https://ai-api.yuntu.cn"-->
39
- <!-- app-id="a8e7ebd8-9bf7-499b-9e4a-c235078a0910"-->
40
- <!-- user-info='{"id": "123", "name": "John Doe", "code":"1606451129" }'-->
41
- <!-- tags='[{"name":"今天天气怎么样?"},{"name":"明天天气怎么样?"},{"name":"昨天天气怎么样?"}]'-->
42
- <!-- box-style='{"height":"100%"}'-->
43
- <!-- scene-id="c1e7a2a4-6127-4e53-a529-113da78eb069"-->
44
- <!-- is-show-side-right=true-->
45
- <!-- is-show-side-left=true-->
46
- <!-- dialog-index="999999999"-->
47
- <!-- agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"-->
48
- <!-- agent-name="医专智能助手"-->
49
- <!-- logo-width="42px"-->
50
- <!-- logo-font-size="26px"-->
51
- <!-- is-title-side-icon=true-->
52
- <!-- is-show-upload-button=false-->
53
- <!-- drop-man-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/ai_man01.png"-->
54
- <!--/>-->
55
- <!--</body>-->
56
-
57
- <!--<body style="width: 100vw; height: 100vh; position: relative; margin: unset ">-->
58
- <!--<yt-split-modal-chat-->
59
- <!-- right="100"-->
60
- <!-- bottom="100"-->
61
- <!-- width="50"-->
62
- <!-- height="50"-->
63
- <!-- title="招生助手"-->
64
- <!-- icon-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"-->
65
- <!-- host-url="https://ai-api.yuntu.cn"-->
66
- <!-- user-info='{"id": "test", "name": "test", "code":"test" }'-->
67
- <!-- is-show-side-right=true-->
68
- <!-- is-show-side-left=true-->
69
- <!-- scene-id="c1e7a2a4-6127-4e53-a529-113da78eb069"-->
70
- <!-- modal-index="9999999999"-->
71
- <!-- modal-width="1300"-->
72
- <!-- dialog-index="999999999"-->
73
- <!-- agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/agent.png"-->
74
- <!-- agent-name="医专智能助手"-->
75
- <!-- logo-width="42px"-->
76
- <!-- logo-font-size="26px"-->
77
- <!-- logo-position="fixed"-->
78
- <!-- is-title-side-icon=false-->
79
- <!-- is-show-upload-button=false-->
80
- <!--/>-->
81
- <!--</body>-->
82
-
83
- <!--fd432d45-51fa-47cb-9ca9-a545385c618c de12e244-d603-4651-999f-25e22bdceeeb-->
84
- <!--校园智多星sceneId=de12e244-d603-4651-999f-25e22bdceeeb appId=-->
85
- <!--<body style="width: 100vw; height: 100vh; margin:0 ">-->
86
- <!--<yt-page-chat-mobile-->
87
- <!-- title="移动聊天"-->
88
- <!-- host-url="https://ai-api.yuntu.cn"-->
89
- <!-- app-id="a8e7ebd8-9bf7-499b-9e4a-c235078a0910"-->
90
- <!-- user-info='{"id": "123", "name": "测试校长", "code":"1606451129" }'-->
91
- <!-- tags='[{"name":"今天天气怎么样?"},{"name":"明天天气怎么样?"},{"name":"昨天天气怎么样?"}]'-->
92
- <!-- box-style='{"height":"100%"}'-->
93
- <!-- scene-id="de12e244-d603-4651-999f-25e22bdceeeb"-->
94
- <!-- is-show-side-right=true-->
95
- <!-- is-show-side-left=true-->
96
- <!-- is-show-login=true-->
97
- <!-- is-login=true-->
98
- <!-- dialog-index="999999999"-->
99
- <!-- agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"-->
100
- <!-- agent-name="校园智多星"-->
101
- <!-- logo-width="42px"-->
102
- <!-- logo-font-size="26px"-->
103
- <!-- is-title-side-icon=true-->
104
- <!-- is-show-upload-button=false-->
105
- <!-- drop-man-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/ai_man01.png"-->
106
- <!--/>-->
107
- <!--</body>-->
108
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>校园智多星</title>
7
+ <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
8
+ </head>
9
+ <body style="width: 100vw; height: 100vh; position: relative; margin: unset ">
10
+ <yt-chat
11
+ right="100"
12
+ bottom="100"
13
+ width="50"
14
+ height="50"
15
+ title="菜鸟驿站"
16
+ icon-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"
17
+ host-url="http://localhost:7860"
18
+ user-info='{"id": "123", "name": "John Doe", "code":"1606451129" }'
19
+ app-id="0043a683-cef6-4606-b43a-8d1a2f530bf6"
20
+ is-show-side-left=true
21
+ is-show-side-right=false
22
+ modal-index="9999999999"
23
+ modal-width="1200"
24
+ dialog-index="999999999"
25
+ agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"
26
+ agent-name="医专智能助手"
27
+ logo-width="42px"
28
+ logo-font-size="26px"
29
+ logo-position="fixed"
30
+ is-title-side-icon=false
31
+ is-show-upload-button=true
32
+ />
33
+ </body>
34
+
35
+ <!--<body style="width: 100vw; height: 100vh; margin:0 ">-->
36
+ <!--<yt-page-chat-->
37
+ <!-- title="菜鸟驿站"-->
38
+ <!-- host-url="https://ai-api.yuntu.cn"-->
39
+ <!-- app-id="a8e7ebd8-9bf7-499b-9e4a-c235078a0910"-->
40
+ <!-- user-info='{"id": "123", "name": "John Doe", "code":"1606451129" }'-->
41
+ <!-- tags='[{"name":"今天天气怎么样?"},{"name":"明天天气怎么样?"},{"name":"昨天天气怎么样?"}]'-->
42
+ <!-- box-style='{"height":"100%"}'-->
43
+ <!-- scene-id="c1e7a2a4-6127-4e53-a529-113da78eb069"-->
44
+ <!-- is-show-side-right=true-->
45
+ <!-- is-show-side-left=true-->
46
+ <!-- dialog-index="999999999"-->
47
+ <!-- agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"-->
48
+ <!-- agent-name="医专智能助手"-->
49
+ <!-- logo-width="42px"-->
50
+ <!-- logo-font-size="26px"-->
51
+ <!-- is-title-side-icon=true-->
52
+ <!-- is-show-upload-button=false-->
53
+ <!-- drop-man-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/ai_man01.png"-->
54
+ <!--/>-->
55
+ <!--</body>-->
56
+
57
+ <!--<body style="width: 100vw; height: 100vh; position: relative; margin: unset ">-->
58
+ <!--<yt-split-modal-chat-->
59
+ <!-- right="100"-->
60
+ <!-- bottom="100"-->
61
+ <!-- width="50"-->
62
+ <!-- height="50"-->
63
+ <!-- title="招生助手"-->
64
+ <!-- icon-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"-->
65
+ <!-- host-url="https://ai-api.yuntu.cn"-->
66
+ <!-- user-info='{"id": "test", "name": "test", "code":"test" }'-->
67
+ <!-- is-show-side-right=true-->
68
+ <!-- is-show-side-left=true-->
69
+ <!-- scene-id="c1e7a2a4-6127-4e53-a529-113da78eb069"-->
70
+ <!-- modal-index="9999999999"-->
71
+ <!-- modal-width="1300"-->
72
+ <!-- dialog-index="999999999"-->
73
+ <!-- agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/agent.png"-->
74
+ <!-- agent-name="医专智能助手"-->
75
+ <!-- logo-width="42px"-->
76
+ <!-- logo-font-size="26px"-->
77
+ <!-- logo-position="fixed"-->
78
+ <!-- is-title-side-icon=false-->
79
+ <!-- is-show-upload-button=false-->
80
+ <!--/>-->
81
+ <!--</body>-->
82
+
83
+ <!--fd432d45-51fa-47cb-9ca9-a545385c618c de12e244-d603-4651-999f-25e22bdceeeb-->
84
+ <!--校园智多星sceneId=de12e244-d603-4651-999f-25e22bdceeeb appId=-->
85
+ <!--<body style="width: 100vw; height: 100vh; margin:0 ">-->
86
+ <!--<yt-page-chat-mobile-->
87
+ <!-- title="移动聊天"-->
88
+ <!-- host-url="https://ai-api.yuntu.cn"-->
89
+ <!-- app-id="a8e7ebd8-9bf7-499b-9e4a-c235078a0910"-->
90
+ <!-- user-info='{"id": "123", "name": "测试校长", "code":"1606451129" }'-->
91
+ <!-- tags='[{"name":"今天天气怎么样?"},{"name":"明天天气怎么样?"},{"name":"昨天天气怎么样?"}]'-->
92
+ <!-- box-style='{"height":"100%"}'-->
93
+ <!-- scene-id="de12e244-d603-4651-999f-25e22bdceeeb"-->
94
+ <!-- is-show-side-right=true-->
95
+ <!-- is-show-side-left=true-->
96
+ <!-- is-show-login=true-->
97
+ <!-- is-login=true-->
98
+ <!-- dialog-index="999999999"-->
99
+ <!-- agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"-->
100
+ <!-- agent-name="校园智多星"-->
101
+ <!-- logo-width="42px"-->
102
+ <!-- logo-font-size="26px"-->
103
+ <!-- is-title-side-icon=true-->
104
+ <!-- is-show-upload-button=false-->
105
+ <!-- drop-man-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/ai_man01.png"-->
106
+ <!--/>-->
107
+ <!--</body>-->
108
+ </html>
@@ -1,51 +1,51 @@
1
- .call-interface {
2
- width: 100%;
3
- height: 100%;
4
- background-color: #f0f2f5;
5
- display: flex;
6
- flex-direction: column;
7
- justify-content: space-between;
8
- }
9
-
10
- .call-header {
11
- padding-top: 100px;
12
- display: flex;
13
- flex-direction: column;
14
- align-items: center;
15
- }
16
-
17
- .contact-info {
18
- display: flex;
19
- flex-direction: column;
20
- align-items: center;
21
- }
22
-
23
- .contact-info h2 {
24
- margin-top: 20px;
25
- margin-bottom: 5px;
26
- font-size: 24px;
27
- color: #333;
28
- }
29
-
30
- .call-status {
31
- color: #666;
32
- font-size: 16px;
33
- }
34
-
35
- .call-controls {
36
- padding-bottom: 60px;
37
- display: flex;
38
- justify-content: center;
39
- }
40
-
41
- .hangup-button {
42
- width: 60px;
43
- height: 60px;
44
- background-color: #ff4d4f;
45
- border: none;
46
- }
47
-
48
- .hangup-icon {
49
- font-size: 24px;
50
- color: white;
1
+ .call-interface {
2
+ width: 100%;
3
+ height: 100%;
4
+ background-color: #f0f2f5;
5
+ display: flex;
6
+ flex-direction: column;
7
+ justify-content: space-between;
8
+ }
9
+
10
+ .call-header {
11
+ padding-top: 100px;
12
+ display: flex;
13
+ flex-direction: column;
14
+ align-items: center;
15
+ }
16
+
17
+ .contact-info {
18
+ display: flex;
19
+ flex-direction: column;
20
+ align-items: center;
21
+ }
22
+
23
+ .contact-info h2 {
24
+ margin-top: 20px;
25
+ margin-bottom: 5px;
26
+ font-size: 24px;
27
+ color: #333;
28
+ }
29
+
30
+ .call-status {
31
+ color: #666;
32
+ font-size: 16px;
33
+ }
34
+
35
+ .call-controls {
36
+ padding-bottom: 60px;
37
+ display: flex;
38
+ justify-content: center;
39
+ }
40
+
41
+ .hangup-button {
42
+ width: 60px;
43
+ height: 60px;
44
+ background-color: #ff4d4f;
45
+ border: none;
46
+ }
47
+
48
+ .hangup-icon {
49
+ font-size: 24px;
50
+ color: white;
51
51
  }