スクロール

resources/js/components/comments.vue

@@ -11,7 +11,7 @@
               <cite class="fn">{{ (c.name || '名無しのテクニシャン') }}</cite> <span class="says">より:</span>
               <span class="comment-meta commentmetadata"> <a :href="`/blog/${slug}#comment-${c.id}`">{{ c.created }}</a></span>
             </div>
-            <p>{{ c.message }}</p>
+            <p style="white-space: pre-wrap;">{{ c.message }}</p>
             <div class="reply">返信</div>
           </div>
         </li>

resources/sass/_scroll.scss

@@ -0,0 +1,21 @@
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: $suwa03;
+  transition: background 0.3s;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: $suwa01;
+}
+
+::-webkit-scrollbar-thumb:active {
+  background: $suwa08;
+}
+
+::-webkit-scrollbar-track {
+  background-color: $white1;
+  background: $black1;
+}

resources/sass/app.scss

@@ -19,6 +19,9 @@
 // コンテンツ
 @import "contents";
 
+// スクロール
+@import "scroll";
+
 // コンポーネント
 @import "conponent/badge";
 @import "conponent/button";