From 3fb5eeea185fc033dbd145efab5093b5ccb10d3b Mon Sep 17 00:00:00 2001 From: Blaster4385 Date: Wed, 21 Feb 2024 22:38:04 +0530 Subject: fix: set textarea font and display block to fix alignment issues --- client/src/components/Editor/Editor.module.css | 5 ++--- client/src/components/prism-themes/prism-line-numbers.css | 1 + 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 { -- cgit v1.2.3-73-gaa49b