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

SimpleChatTCRV:UI theme simple cleanup - css round 2 

Have a common 1vmin radius wrt buttons in general and chat messages.

While the input area and its buttons have more rounded look.

Force a minimum height wrt the buttons in general, while ensuring
that the popover menu buttons tightly fit the content/icons in them.
This commit is contained in:
hanishkvc 2025-11-17 23:08:28 +05:30
parent 9baece7c93
commit 9f782d70b8
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -61,7 +61,7 @@
</div> </div>
<hr> <hr>
<div class="sameline"> <div id="user-in-div" class="sameline">
<textarea id="user-in" class="flex-grow" rows="2" placeholder="enter your query to the ai model here" ></textarea> <textarea id="user-in" class="flex-grow" rows="2" placeholder="enter your query to the ai model here" ></textarea>
<button id="user-btn">submit</button> <button id="user-btn">submit</button>
</div> </div>

6
tools/server/public_simplechat/readme.md
View File

@ -788,12 +788,14 @@ Cleanup in general
had to account for delayed collating of available simpleproxy based tool calls, I forgot to clean had to account for delayed collating of available simpleproxy based tool calls, I forgot to clean
this flow up. this flow up.
* Make the sys_date_time template description bit more verbose, just in case. * Make the sys_date_time template description bit more verbose, just in case.
* ui_reset_userinput now also resets associated Role always, inturn * ui_userinput_reset now also resets associated Role always, inturn
* full on version from chat_show, inturn when session switching. * full on version from chat_show, inturn when session switching.
So user switchs session will reset all user input area and related data, while So user switchs session will reset all user input area and related data, while
also ensuring user input area has the right needed associated role setup. also ensuring user input area has the right needed associated role setup.
* partial version from uirefresh, inturn adding user or tool call response messages. * partial version from uirefresh, inturn adding user or tool call response messages.
* ui cleanup
* more rounded buttons, chat messages and input area elements
* make the body very very lightly gray in color, while the user input area is made whiter.
#### ToDo #### ToDo

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

@ -43,7 +43,7 @@ body {
border-style: solid; border-style: solid;
border-color: grey; border-color: grey;
border-width: thin; border-width: thin;
border-radius: 0.5vmin; border-radius: 1vmin;
display: flex; display: flex;
margin-bottom: 2vh; margin-bottom: 2vh;
/* box-shadow: 1px 1px 4px lightslategray; */ /* box-shadow: 1px 1px 4px lightslategray; */
@ -111,6 +111,10 @@ body {
padding: 0; padding: 0;
border-radius: 0.5vmin; border-radius: 0.5vmin;
border-color: lightgray; border-color: lightgray;
min-width: fit-content;
max-width: fit-content;
min-height: fit-content;
max-height: fit-content;
} }
@ -146,9 +150,15 @@ body {
#user-in[data-role="TOOL.TEMP"] { #user-in[data-role="TOOL.TEMP"] {
background-color: lightyellow; background-color: lightyellow;
} }
button { #user-in-div button {
padding-inline: 2vmin; padding-inline: 2vmin;
border-radius: 2vmin; border-radius: 2vmin;
min-height: 3vmin;
}
button {
padding-inline: 2vmin;
border-radius: 1vmin;
min-height: 3vmin;
} }
.sameline { .sameline {