refactor: fix UI
Browse files- FrontEnd/src/ChatBot.css +5 -0
- FrontEnd/src/ChatBot.jsx +2 -2
FrontEnd/src/ChatBot.css
CHANGED
|
@@ -368,6 +368,11 @@
|
|
| 368 |
border-radius: 50%;
|
| 369 |
}
|
| 370 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 371 |
.welcome-logo img {
|
| 372 |
width: 140px;
|
| 373 |
height: auto;
|
|
|
|
| 368 |
border-radius: 50%;
|
| 369 |
}
|
| 370 |
|
| 371 |
+
.welcome-container {
|
| 372 |
+
padding-top: 60px;
|
| 373 |
+
justify-content: flex-start;
|
| 374 |
+
}
|
| 375 |
+
|
| 376 |
.welcome-logo img {
|
| 377 |
width: 140px;
|
| 378 |
height: auto;
|
FrontEnd/src/ChatBot.jsx
CHANGED
|
@@ -137,7 +137,7 @@ const ChatBot = () => {
|
|
| 137 |
<div className="welcome-logo">
|
| 138 |
<img src="/mascot.png" alt="Pizza Hut Mascot" width={200} height={250} />
|
| 139 |
</div>
|
| 140 |
-
<h2>
|
| 141 |
<p className="welcome-subtitle">
|
| 142 |
Hãy hỏi tôi về chính sách JRG, thông tin hệ thống Pizza Hut VN hoặc về Data Team.
|
| 143 |
</p>
|
|
@@ -193,7 +193,7 @@ const ChatBot = () => {
|
|
| 193 |
ref={textareaRef}
|
| 194 |
value={userInput}
|
| 195 |
onChange={(e) => setUserInput(e.target.value)}
|
| 196 |
-
placeholder="Gửi tin nhắn cho
|
| 197 |
rows={1}
|
| 198 |
onKeyDown={(e) => {
|
| 199 |
if (e.key === "Enter" && !e.shiftKey) {
|
|
|
|
| 137 |
<div className="welcome-logo">
|
| 138 |
<img src="/mascot.png" alt="Pizza Hut Mascot" width={200} height={250} />
|
| 139 |
</div>
|
| 140 |
+
<h2>Tôi có thể giúp gì cho bạn?</h2>
|
| 141 |
<p className="welcome-subtitle">
|
| 142 |
Hãy hỏi tôi về chính sách JRG, thông tin hệ thống Pizza Hut VN hoặc về Data Team.
|
| 143 |
</p>
|
|
|
|
| 193 |
ref={textareaRef}
|
| 194 |
value={userInput}
|
| 195 |
onChange={(e) => setUserInput(e.target.value)}
|
| 196 |
+
placeholder="Gửi tin nhắn cho HutMind..."
|
| 197 |
rows={1}
|
| 198 |
onKeyDown={(e) => {
|
| 199 |
if (e.key === "Enter" && !e.shiftKey) {
|