typing
diff --git a/webpage/style.css b/webpage/style.css
index a61e9eb..872c23c 100644
--- a/webpage/style.css
+++ b/webpage/style.css
@@ -373,20 +373,36 @@ div {
#typebox {
font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
- padding: 3px;
- border-radius: .25cm;
- width: 100%;
- min-height: .6in;
- z-index: -100;
- display: flex;
+ min-height: .4in;
max-height: 1.5in;
overflow-y: auto;
+ flex-grow:1;
+
+}
+#realbox{
+ padding: .05in;
+ border-radius: .25cm;
+ z-index: -100;
+ width: calc(100% - .2in);
+ box-sizing: border-box;
color: var(--primary-text);
background: var(--textarea-bg);
- border: 1px solid;
+ /* border: 1px solid var(--black); */
box-sizing: border-box;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: stretch;
+ margin: .0in .1in .15in .1in;
+ box-shadow: 0 .01in .05in black;
+}
+#typebox:focus{
+ border-color: inherit;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ outline: none !important;
+ outline-offset: 0px !important;
}
-
p {
transition: background .1s ease-in-out, color .1s ease-in-out;
/* width: 100%; */
@@ -444,6 +460,7 @@ p {
position: relative;
/* display: flex; */
width: 100%;
+ background: transparent;
}
hr {
border-style: solid;
diff --git a/webpage/themes.css b/webpage/themes.css
index 07e6b87..b804436 100644
--- a/webpage/themes.css
+++ b/webpage/themes.css
@@ -27,7 +27,7 @@
--quote-bg: #7a798e;
--button-bg: color-mix(in srgb, #303030 80%, var(--accent-color));
--button-hover: #282832;
- --textarea-bg: color-mix(in srgb, #272727 85%, var(--accent-color));
+ --textarea-bg: color-mix(in srgb, #484848 80%, var(--accent-color));
--filename: #47bbff;
--mention-bg: #F00;
--pronouns: #797979;