minor tweaks to split gutter (#100)

smol-ai · Aug 2, 2023 · 107da36 · 107da36
1 parent 4e34db0
commit 107da36
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 28 deletions.
diff --git a/index.css b/index.css
@@ -13,27 +13,7 @@ body {
 }
 
 :root {
-	/* account for the arrow */
-	--actual-height: calc(100vh - 12px - 80px);
-}
-
-.myarrow {
-	position: relative;
-	padding: 12px 0 0 0;
-}
-
-.myarrow:before {
-	content: '';
-	height: 0;
-	width: 0;
-	border-width: 0 8px 12px 8px;
-	border-style: solid;
-	border-color: transparent transparent white transparent;
-	position: absolute;
-
-	top: 0;
-	left: 50%;
-	transform: translateX(-50%);
+	--actual-height: calc(100vh - 80px);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -50,8 +30,8 @@ body {
 	/* disabled because its quite buggy */
 	/* resize: both;  */
 	width: 100%;
-	height: calc(100vh - 12px - var(--superprompt-height));
-	margin-top: 12px;
+	height: calc(100vh - var(--superprompt-height));
+	margin-top: 4px;
 	margin: 0 auto;
 	position: relative;
 }
@@ -83,7 +63,7 @@ body {
 	height: 100%;
 	resize: none;
 	overflow-y: auto; /* Adds a scrollbar when the content is too big */
-	padding: 4px 12px;
+	padding: 4px 4px;
 	font-size: 16px;
 	outline: none;
 	flex-grow: 1;
@@ -123,7 +103,7 @@ webview {
 	top: 0;
 	left: 0;
 	width: 100%;
-	height: calc(100vh - 12px - var(--superprompt-height));
+	height: calc(100vh - var(--superprompt-height));
 	display: inline-flex !important;
 }
 

diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.0/split.min.js"></script>
 	</head>
 
-	<body class="myarrow">
+	<body class="">
 		<div id="webviewContainer" class="flex split">
 			<!-- Panes Go Here -->
 		</div>
@@ -18,8 +18,8 @@
 				name="prompt"
 				autofocus
 				placeholder="Enter a superprompt here.
-- Submit: Cmd/Ctrl+Enter
-- Resize windows: Cmd+1/2/3/A/-/+
+- Quick Open: Cmd+G or Submit: Cmd/Ctrl+Enter (customizable in menu)
+- Switch windows: Cmd+1/2/3/A or Resize windows: Cmd -/+
 - New chat: Cmd+R
 "
 			></textarea>

diff --git a/interface.js b/interface.js
@@ -41,6 +41,8 @@ log.info('panes', panes);
 const splitInstance = Split(panes, {
 	direction: 'horizontal',
 	minSize: 0,
+	gutterSize: 3,
+	// gutterStyle: () => ({ background: 'black' })
 });
 
 // Update the split sizes once the Electron app DOM is ready