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:
HanishKVC 2024-05-18 17:09:47 +05:30
parent 65a56e6fdb
commit ebd5e71295
2 changed files with 24 additions and 20 deletions

View 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;
}

View file

@ -5,26 +5,7 @@
<meta name="description" content="SimpleChat: trigger LLM web service endpoints /chat/completions and /completions, also try chat" /> <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" /> <meta name="author" content="by Humans for All" />
<script src="simplechat.js"></script> <script src="simplechat.js"></script>
<style> <link rel="stylesheet" href="simplechat.css" />
.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>
</head> </head>
<body> <body>