add a button to the new ui
This commit is contained in:
parent
734be4dcc9
commit
8b937a1a71
1 changed files with 78 additions and 1 deletions
|
@ -12,6 +12,18 @@
|
|||
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 {
|
||||
margin: 0em auto;
|
||||
display: flex;
|
||||
|
@ -35,6 +47,67 @@
|
|||
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 {
|
||||
max-width: 600px;
|
||||
min-width: 300px;
|
||||
|
@ -1035,7 +1108,11 @@
|
|||
return html`
|
||||
<div class="mode-${session.value.type}">
|
||||
<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>
|
||||
|
||||
<main id="content">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue