SimpleChat:CSS: Move style info into its own css file
To keep it simple, clean and seperate so that things are not unnecessarily cluttered.
This commit is contained in:
parent
65a56e6fdb
commit
ebd5e71295
2 changed files with 24 additions and 20 deletions
23
examples/server/public_simplechat/simplechat.css
Normal file
23
examples/server/public_simplechat/simplechat.css
Normal file
|
@ -0,0 +1,23 @@
|
|||
/**
|
||||
* the styling of the simplechat web frontend
|
||||
* by Humans for All
|
||||
*/
|
||||
|
||||
.heading {
|
||||
background-color: lightgray;
|
||||
}
|
||||
.role-system {
|
||||
background-color: lightblue;
|
||||
}
|
||||
.role-user {
|
||||
background-color: lightgray;
|
||||
}
|
||||
.wideinput {
|
||||
width: 90vw;
|
||||
}
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
* {
|
||||
margin: 0.4vh;
|
||||
}
|
|
@ -5,26 +5,7 @@
|
|||
<meta name="description" content="SimpleChat: trigger LLM web service endpoints /chat/completions and /completions, also try chat" />
|
||||
<meta name="author" content="by Humans for All" />
|
||||
<script src="simplechat.js"></script>
|
||||
<style>
|
||||
.heading {
|
||||
background-color: lightgray;
|
||||
}
|
||||
.role-system {
|
||||
background-color: lightblue;
|
||||
}
|
||||
.role-user {
|
||||
background-color: lightgray;
|
||||
}
|
||||
.wideinput {
|
||||
width: 90vw;
|
||||
}
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
* {
|
||||
margin: 0.4vh;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="simplechat.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue