xP: make the prompt look more xC-like

2022-09-19 03:16:34 +02:00
parent ec20fdef7b
commit 00184811ea
2 changed files with 37 additions and 17 deletions
--- a/xP/public/xP.css
+++ b/xP/public/xP.css
@@ -186,16 +186,30 @@ button {
 	column-gap: .6em;
 	overflow-x: auto;
 }
-
+.input {
+	flex-shrink: 0;
+	border: 2px inset #eee;
+	overflow: hidden;
+	resize: vertical;
+	display: flex;
+}
+.input:focus-within {
+	border-color: #ff5f00;
+}
+.prompt {
+	padding: .05em .3em;
+	border-right: 1px solid #ccc;
+	background: #f8f8f8;
+	font-weight: bold;
+}
 textarea {
 	font: inherit;
 	padding: .05em .3em;
 	margin: 0;
-	border: 2px inset #eee;
-	flex-shrink: 0;
-	resize: vertical;
+	border: 0;
+	flex-grow: 1;
+	resize: none;
 }
 textarea:focus {
 	outline: none;
-	border-color: #ff5f00;
 }