happyz
/
llama.cpp
mirror of https://github.com/ggerganov/llama.cpp.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

SimpleChatTCRV:UICleanup: gradient wrt heading 

and placeholders for few other logical elements
This commit is contained in:
hanishkvc 2025-11-11 19:23:04 +05:30
parent f8af792dc2
commit f8c0fe6845
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
tools/server/public_simplechat/index.html
View File

@ -24,8 +24,8 @@
<div class="samecolumn" id="fullbody"> <div class="samecolumn" id="fullbody">
<div class="sameline" id="heading"> <div class="sameline" id="heading">
<p class="heading flex-grow" > <b> SimpleChat </b> </p> <div class="heading flex-grow" > <b> SimpleChat </b> </div>
<div> <div class="flex-nogrow">
<button id="clearchat">&#x1F9F9; ClearChat</button> <button id="clearchat">&#x1F9F9; ClearChat</button>
<button id="settings">&#x2699; Settings</button> <button id="settings">&#x2699; Settings</button>
</div> </div>

12
tools/server/public_simplechat/simplechat.css
View File

@ -8,7 +8,7 @@
} }
.heading { .heading {
background-color: lightgray; background: linear-gradient(135deg, lightblue 0%, white 100%);
} }
.session-selected { .session-selected {
@ -21,7 +21,11 @@
.role-user { .role-user {
background-color: lightgray; background-color: lightgray;
} }
.role-assistant {
text-align: initial;
}
.role-tool { .role-tool {
/* background-color: cornsilk; */
background-color: lightyellow; background-color: lightyellow;
} }
.role-trim { .role-trim {
@ -41,6 +45,9 @@
margin-bottom: 2vh; margin-bottom: 2vh;
/* box-shadow: 1px 1px 4px lightslategray; */ /* box-shadow: 1px 1px 4px lightslategray; */
} }
.chat-message:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.chat-message-role { .chat-message-role {
border-style: dotted; border-style: dotted;
border-color: black; border-color: black;
@ -98,6 +105,9 @@
.flex-grow { .flex-grow {
flex-grow: 1; flex-grow: 1;
} }
.flex-nogrow {
flex-grow: 0;
}
.float-right { .float-right {
float: right; float: right;
} }