vbatts/llama.cpp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add a button to the new ui

Browse source
This commit is contained in:
Yazan Agha-Schrader 2024-05-30 03:59:28 +02:00
parent 734be4dcc9
commit 8b937a1a71
1 changed files with 78 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

79
examples/server/public/index.html
View file

@ -12,6 +12,18 @@
font-size: 90%; font-size: 90%;
} }
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
padding: 10px;
}
.grid-item {
padding: 5px;
/* font-size: 30px; */
text-align: center;
}
#container { #container {
margin: 0em auto; margin: 0em auto;
display: flex; display: flex;
@ -35,6 +47,67 @@
padding: 0.5em; padding: 0.5em;
} }
h1 {
text-align: center;
}
.customlink:link {
color: white;
background-color: #007aff;
font-weight: 600;
text-decoration: none;
float: right;
margin-top: 30px;
display: flex;
flex-direction: row;
gap: 0.5em;
justify-content: flex-end;
border-radius: 4px;
padding: 8px;
}
.customlink:visited {
color: white;
background-color: #007aff;
font-weight: 600;
text-decoration: none;
float: right;
margin-top: 30px;
display: flex;
flex-direction: row;
gap: 0.5em;
justify-content: flex-end;
padding: 8px;
}
.customlink:hover {
color: white;
background-color: #0070ee;
font-weight: 600;
text-decoration: none;
float: right;
margin-top: 30px;
display: flex;
flex-direction: row;
gap: 0.5em;
justify-content: flex-end;
padding: 8px;
}
.customlink:active {
color: #0070ee;
background-color: #80b3ef;
font-weight: 600;
text-decoration: none;
float: right;
margin-top: 30px;
display: flex;
flex-direction: row;
gap: 0.5em;
justify-content: flex-end;
padding: 8px;
}
body { body {
max-width: 600px; max-width: 600px;
min-width: 300px; min-width: 300px;
@ -1035,7 +1108,11 @@
return html` return html`
<div class="mode-${session.value.type}"> <div class="mode-${session.value.type}">
<header> <header>
<h1>llama.cpp</h1> <div class="grid-container">
<div class="grid-item"></div>
<div class="grid-item"><h1>llama.cpp</h1></div>
<div class="grid-item"><a class="customlink" href="index-new.html">New UI</a></div>
</div>
</header> </header>
<main id="content"> <main id="content">