aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBlaster4385 <blaster4385@tablaster.dev>2024-02-21 22:38:04 +0530
committerBlaster4385 <blaster4385@tablaster.dev>2024-04-30 11:10:37 +0530
commit3fb5eeea185fc033dbd145efab5093b5ccb10d3b (patch)
tree4dc5de7a3d5e74274a6c52910ad37e410cf2b1a2
parentfbf0b32229d9647d5b6473bffd9f50410fde6716 (diff)
fix: set textarea font and display block to fix alignment issues
-rw-r--r--client/src/components/Editor/Editor.module.css5
-rw-r--r--client/src/components/prism-themes/prism-line-numbers.css1
2 files changed, 3 insertions, 3 deletions
diff --git a/client/src/components/Editor/Editor.module.css b/client/src/components/Editor/Editor.module.css
index 1ea51ff..992f67f 100644
--- a/client/src/components/Editor/Editor.module.css
+++ b/client/src/components/Editor/Editor.module.css
@@ -22,6 +22,7 @@
}
.codespace__textarea {
+ display: block;
caret-color: var(--color-light);
background: transparent;
position: absolute;
@@ -31,6 +32,7 @@
width: calc(100% - 60.8px);
height: 100%;
font-size: 1rem;
+ font-family: "Roboto Mono", monospace;
line-height: 1.5rem;
resize: none;
border: none;
@@ -67,9 +69,6 @@
}
@media screen and (max-width: 768px) {
- .editor {
- padding: 20px 20px 0 0px;
- }
.btn__save {
bottom: 2rem;
diff --git a/client/src/components/prism-themes/prism-line-numbers.css b/client/src/components/prism-themes/prism-line-numbers.css
index 4230ba2..4537d9d 100644
--- a/client/src/components/prism-themes/prism-line-numbers.css
+++ b/client/src/components/prism-themes/prism-line-numbers.css
@@ -28,6 +28,7 @@ pre[class*="language-"].line-numbers {
pre[class*="language-"].line-numbers > code {
position: relative;
white-space: inherit;
+ display: block;
}
.line-numbers .line-numbers-rows {