Skip to content

Commit 8ead40c

Browse files
committed
Rename the css class names.
1 parent 6ad9347 commit 8ead40c

File tree

1 file changed

+41
-41
lines changed

1 file changed

+41
-41
lines changed

src/main/resources/themes/smalltalk.view

Lines changed: 41 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@
9393
position: relative;
9494
}
9595

96-
/* ChatGPT message styles */
96+
/* AI message styles */
9797
#messages li.chat-gpt .content {
9898
background-color: #f3f4f6;
9999
border-bottom-left-radius: 0.25rem;
@@ -431,26 +431,26 @@
431431
color: #60a5fa;
432432
}
433433

434-
/* ChatGPT toggle button styles */
435-
.chatgpt-toggle-wrapper {
434+
/* AI toggle button styles */
435+
.ai-toggle-wrapper {
436436
position: absolute;
437437
left: 10px;
438438
bottom: 10px;
439439
z-index: 1;
440440
}
441441

442-
.chatgpt-toggle {
442+
.ai-toggle {
443443
display: inline-flex;
444444
align-items: center;
445445
cursor: pointer;
446446
user-select: none;
447447
}
448448

449-
.chatgpt-toggle input {
449+
.ai-toggle input {
450450
display: none;
451451
}
452452

453-
.chatgpt-toggle-label {
453+
.ai-toggle-label {
454454
display: inline-flex;
455455
align-items: center;
456456
gap: 0.5rem;
@@ -462,25 +462,25 @@
462462
transition: all 0.2s ease;
463463
}
464464

465-
.chatgpt-toggle-label i {
465+
.ai-toggle-label i {
466466
font-size: 0.875rem;
467467
transition: transform 0.2s ease;
468468
}
469469

470-
.chatgpt-toggle input:checked + .chatgpt-toggle-label {
470+
.ai-toggle input:checked + .ai-toggle-label {
471471
background-color: #10a37f;
472472
color: #ffffff;
473473
}
474474

475-
.chatgpt-toggle input:checked + .chatgpt-toggle-label i {
475+
.ai-toggle input:checked + .ai-toggle-label i {
476476
transform: scale(1.1);
477477
}
478478

479-
.chatgpt-toggle:hover .chatgpt-toggle-label {
479+
.ai-toggle:hover .ai-toggle-label {
480480
background-color: #e5e7eb;
481481
}
482482

483-
.chatgpt-toggle input:checked:hover + .chatgpt-toggle-label {
483+
.ai-toggle input:checked:hover + .ai-toggle-label {
484484
background-color: #0d8c6d;
485485
}
486486

@@ -1107,27 +1107,27 @@
11071107
100% { content: '.'; }
11081108
}
11091109

1110-
/* ChatGPT toggle button styles */
1111-
.chatgpt-toggle-wrapper {
1110+
/* AI toggle button styles */
1111+
.ai-toggle-wrapper {
11121112
position: absolute;
11131113
left: 10px;
11141114
bottom: 10px;
11151115
z-index: 1;
11161116
}
11171117

1118-
.chatgpt-toggle {
1118+
.ai-toggle {
11191119
display: inline-flex;
11201120
align-items: center;
11211121
cursor: pointer;
11221122
user-select: none;
11231123
margin-bottom: 0;
11241124
}
11251125

1126-
.chatgpt-toggle input {
1126+
.ai-toggle input {
11271127
display: none;
11281128
}
11291129

1130-
.chatgpt-toggle-label {
1130+
.ai-toggle-label {
11311131
display: inline-flex;
11321132
align-items: center;
11331133
gap: 0.5rem;
@@ -1139,25 +1139,25 @@
11391139
transition: all 0.2s ease;
11401140
}
11411141

1142-
.chatgpt-toggle-label i {
1142+
.ai-toggle-label i {
11431143
font-size: 0.875rem;
11441144
transition: transform 0.2s ease;
11451145
}
11461146

1147-
.chatgpt-toggle input:checked + .chatgpt-toggle-label {
1147+
.ai-toggle input:checked + .ai-toggle-label {
11481148
background-color: #10a37f;
11491149
color: #ffffff;
11501150
}
11511151

1152-
.chatgpt-toggle input:checked + .chatgpt-toggle-label i {
1152+
.ai-toggle input:checked + .ai-toggle-label i {
11531153
transform: scale(1.1);
11541154
}
11551155

1156-
.chatgpt-toggle:hover .chatgpt-toggle-label {
1156+
.ai-toggle:hover .ai-toggle-label {
11571157
background-color: #e5e7eb;
11581158
}
11591159

1160-
.chatgpt-toggle input:checked:hover + .chatgpt-toggle-label {
1160+
.ai-toggle input:checked:hover + .ai-toggle-label {
11611161
background-color: #0d8c6d;
11621162
}
11631163

@@ -2280,7 +2280,7 @@
22802280
placeholder.appendChild(content);
22812281
} else {
22822282
// Regular message
2283-
if ($data.user === 'ChatGPT') {
2283+
if ($data.user === 'AI') {
22842284
placeholder.classList.add('chat-gpt');
22852285
}
22862286

@@ -2317,8 +2317,8 @@
23172317
const contentSpan = placeholder.querySelector('.content');
23182318

23192319
// Handle different types of messages
2320-
if ($data.user === 'ChatGPT') {
2321-
// ChatGPT messages - use markdown rendering
2320+
if ($data.user === 'AI') {
2321+
// AI messages - use markdown rendering
23222322
requestAnimationFrame(() => {
23232323
// First set the raw text content to preserve newlines
23242324
contentSpan.textContent = $text;
@@ -2682,11 +2682,11 @@
26822682

26832683
image = "";
26842684

2685-
// Check if ChatGPT mode is enabled via the toggle button
2686-
const chatGPTMode = localStorage.getItem('chatgpt-mode') === 'enabled';
2685+
// Check if AI mode is enabled via the toggle button
2686+
const AIMode = localStorage.getItem('ai-mode') === 'enabled';
26872687

2688-
if (chatGPTMode) {
2689-
$message = "@ChatGPT " + $("#text").text() + "\n";
2688+
if (AIMode) {
2689+
$message = "@AI " + $("#text").text() + "\n";
26902690

26912691
$("#text").find("img").each(function () {
26922692
image = $(this).attr("src");
@@ -2704,7 +2704,7 @@
27042704
text: $message,
27052705
time: new Date().getTime(),
27062706
image: image,
2707-
stream: chatGPTMode ? "true" : "false" // Enable streaming for ChatGPT messages
2707+
stream: AIMode ? "true" : "false" // Enable streaming for AI messages
27082708
}
27092709
}).done(function (msg) {
27102710
// Input already cleared
@@ -2957,18 +2957,18 @@
29572957
}
29582958
});
29592959

2960-
// Setup ChatGPT toggle button
2961-
$("#chatgpt-toggle").change(function(event) {
2962-
localStorage.setItem('chatgpt-mode', event.target.checked ? 'enabled' : 'disabled');
2963-
updateChatGPTToggleState();
2960+
// Setup AI toggle button
2961+
$("#ai-toggle").change(function(event) {
2962+
localStorage.setItem('ai-mode', event.target.checked ? 'enabled' : 'disabled');
2963+
updateAIToggleState();
29642964
});
29652965

29662966
// Initialize toggle state from localStorage
2967-
updateChatGPTToggleState();
2967+
updateAIToggleState();
29682968

2969-
function updateChatGPTToggleState() {
2970-
const chatGPTMode = localStorage.getItem('chatgpt-mode') || 'disabled';
2971-
$("#chatgpt-toggle").prop('checked', chatGPTMode === 'enabled');
2969+
function updateAIToggleState() {
2970+
const AIMode = localStorage.getItem('ai-mode') || 'disabled';
2971+
$("#ai-toggle").prop('checked', AIMode === 'enabled');
29722972
}
29732973

29742974
$("#link").click(function () {
@@ -3628,10 +3628,10 @@
36283628
</div>
36293629
<div class="upload-progress"></div>
36303630
</div>
3631-
<div class="chatgpt-toggle-wrapper">
3632-
<label class="chatgpt-toggle" title="Toggle ChatGPT mode">
3633-
<input type="checkbox" id="chatgpt-toggle" />
3634-
<span class="chatgpt-toggle-label">
3631+
<div class="ai-toggle-wrapper">
3632+
<label class="ai-toggle" title="Toggle AI mode">
3633+
<input type="checkbox" id="ai-toggle" />
3634+
<span class="ai-toggle-label">
36353635
<i class="fas fa-brain"></i>
36363636
<span>AI</span>
36373637
</span>

0 commit comments

Comments
 (0)