From 12a04b118f58d59c38d0e11835a0958e525165a1 Mon Sep 17 00:00:00 2001 From: "Timothy J. Baek" Date: Mon, 10 Jun 2024 17:22:44 -0700 Subject: [PATCH] refac: styling --- src/app.css | 30 +++++++++++++++++++++--------- 1 file changed, 21 insertions(+), 9 deletions(-) diff --git a/src/app.css b/src/app.css index 85e53d83c..da1d961e5 100644 --- a/src/app.css +++ b/src/app.css @@ -24,15 +24,6 @@ math { margin-top: 1rem; } -.cm-editor { - height: 100%; - width: 100%; -} - -.cm-editor.cm-focused { - outline: none; -} - .hljs { @apply rounded-lg; } @@ -101,10 +92,18 @@ select { visibility: hidden; } +.scrollbar-hidden::-webkit-scrollbar-corner { + display: none; +} + .scrollbar-none::-webkit-scrollbar { display: none; /* for Chrome, Safari and Opera */ } +.scrollbar-none::-webkit-scrollbar-corner { + display: none; +} + .scrollbar-none { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ @@ -120,3 +119,16 @@ input::-webkit-inner-spin-button { input[type='number'] { -moz-appearance: textfield; /* Firefox */ } + +.cm-editor { + height: 100%; + width: 100%; +} + +.cm-scroller { + @apply scrollbar-hidden; +} + +.cm-editor.cm-focused { + outline: none; +}