fix scrollbar issues

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 {
+}

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;