Restructure GUI folder & modify styles.css
This commit is contained in:
parent
bdf5715868
commit
ee6f775b5b
|
@ -38,6 +38,16 @@ body {
|
|||
background-color: #6c757d;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
#submitApiKey {
|
||||
padding: 10px 20px;
|
||||
font-size: 1rem;
|
||||
color: white;
|
||||
background-color: #007BFF;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
#stopButton {
|
||||
padding: 10px 20px;
|
||||
font-size: 1rem;
|
||||
|
@ -85,6 +95,15 @@ body {
|
|||
color: inherit;
|
||||
background-color: #2c3e50;
|
||||
}
|
||||
#apiKeyInput {
|
||||
flex-grow: 1;
|
||||
padding: 10px;
|
||||
border: 1px solid #34495e;
|
||||
border-radius: 5px;
|
||||
color: inherit;
|
||||
background-color: #2c3e50;
|
||||
}
|
||||
|
||||
#promptInput:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px #007BFF;
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Kuzco Chat</title>
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
<link rel="stylesheet" href="../css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
|
@ -22,12 +22,11 @@
|
|||
<footer>
|
||||
<form id="chatForm" class="chat-form">
|
||||
<input id="promptInput" type="text" placeholder="Enter your prompt" autofocus>
|
||||
<button id="sendButton" onclick="sendPrompt()">Send</button>
|
||||
<button id="sendButton">Send</button>
|
||||
<button id="stopButton" disabled>Stop</button>
|
||||
</form>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script src="renderer.js"></script>
|
||||
<script src="../js/renderer.js"></script>
|
||||
</body>
|
||||
</html>
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Enter API Key</title>
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
<link rel="stylesheet" href="../css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Enter API Key</h1>
|
|
@ -2,21 +2,21 @@ const { app, BrowserWindow, ipcMain, dialog } = require('electron');
|
|||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const os = require('os');
|
||||
const KuzcoCore = require('./kuzcoCore');
|
||||
const KuzcoCore = require('./js/kuzcoCore');
|
||||
|
||||
function createWindow() {
|
||||
const mainWindow = new BrowserWindow({
|
||||
width: 800,
|
||||
height: 600,
|
||||
webPreferences: {
|
||||
preload: path.join(__dirname, 'preload.js'),
|
||||
preload: path.join(__dirname, 'js/preload.js'),
|
||||
nodeIntegration: false,
|
||||
contextIsolation: true,
|
||||
enableRemoteModule: false,
|
||||
},
|
||||
});
|
||||
|
||||
mainWindow.loadFile('index.html');
|
||||
mainWindow.loadFile('html/index.html');
|
||||
|
||||
if (!kuzcoCore.apiKeyExists()) {
|
||||
promptForApiKey(mainWindow);
|
||||
|
@ -44,7 +44,7 @@ let inputWindow;
|
|||
function promptForApiKey() {
|
||||
inputWindow = new BrowserWindow({
|
||||
width: 300,
|
||||
height: 200,
|
||||
height: 300,
|
||||
webPreferences: {
|
||||
nodeIntegration: true,
|
||||
contextIsolation: false,
|
||||
|
@ -52,7 +52,7 @@ function promptForApiKey() {
|
|||
},
|
||||
});
|
||||
|
||||
inputWindow.loadFile('prompt.html');
|
||||
inputWindow.loadFile('html/prompt.html');
|
||||
inputWindow.on('closed', () => {
|
||||
inputWindow = null;
|
||||
});
|
||||
|
|
|
@ -14,13 +14,16 @@
|
|||
"dist-all": "electron-builder -mwl"
|
||||
},
|
||||
"build": {
|
||||
"appId": "com.yourname.kuzco",
|
||||
"appId": "com.codjointops.kuzco",
|
||||
"productName": "KuzcoChat",
|
||||
"directories": {
|
||||
"output": "dist"
|
||||
},
|
||||
"files": [
|
||||
"**/*",
|
||||
"css/**/*",
|
||||
"js/**/*",
|
||||
"html/**/*",
|
||||
"!**/*.ts",
|
||||
"!*.code-workspace",
|
||||
"!**/*.js.map",
|
||||
|
|
Loading…
Reference in New Issue