From d1afc3aeef0e1366039cad41e9f0ad0742ca887b Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Thu, 21 Mar 2024 18:18:49 +0700
Subject: [PATCH] fix scrollbar issues

---
 assets/css/main.scss | 8 ++++++++
 layouts/default.vue  | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/css/main.scss b/assets/css/main.scss
index 11babb4..096c451 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -37,6 +37,7 @@ pre {
   overflow: scroll;
   width: 100%;
   line-height: 1.5em;
+  overflow: auto;
 }
 
 :not(pre) > code {
@@ -160,6 +161,8 @@ blockquote {
 }
 
 :root {
+  color-scheme: dark;
+
   // palette
   --color-primary: #e84a72;
   --color-primary-contrast: #ffffff;
@@ -202,6 +205,8 @@ blockquote {
 }
 
 :root.light {
+  color-scheme: light;
+
   $pinky: #{mix(#fadad1, #fce9e4, 50%)};
   $rating: #e4b882;
 
@@ -244,3 +249,6 @@ blockquote {
     #{adjust-hue($primary_dimmed, 240deg)}
   );
 }
+
+#__nuxt {
+}
diff --git a/layouts/default.vue b/layouts/default.vue
index 7b7ec72..2cf330b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -77,7 +77,7 @@ export default defineComponent({
 .grid {
   display: grid;
   grid-template-columns: 360px auto;
-  width: 100vw;
+  width: 100%;
 
   @include desktop {
     grid-template-columns: 33vw auto;