芝生の表示を改善

Author: 098orin

index.html

@@ -65,9 +65,11 @@ <h3>Profile</h3>
     <div class="bsky-rss">
       <h3>最近の活動</h3>
       <p>私の芝生</p>
-      <a href="https://github.com/098orin" target="_blank">
-        <img src="https://ghchart.rshah.org/098orin" alt="GitHub contributions">
-      </a>
+      <div class="ghchart">
+        <a href="https://github.com/098orin" target="_blank">
+          <img src="https://ghchart.rshah.org/098orin" alt="GitHub contributions">
+        </a>
+      </div>
 
       <p>Blueskyのタイムライン</p>
       <script src="https://blueskytimeline.com/timeline.js" async data-handle="098orin.bsky.social" data-theme="light" data-width="420" data-height="500" data-lang="ja" data-ui="0" data-pin="0" data-rp="0" data-thread="0"></script>

style.css

@@ -83,6 +83,12 @@ h1, h2, h3 {
   text-align: center;
 }
 
+/* ghchart */
+.ghchart {
+  overflow-x: auto; /* 横スクロール */
+  overflow-y: hidden;
+  scrollbar-width: thin; /* スクロールバーを細く */
+}
 
 /* sns-links */
 .sns-links {
@@ -95,7 +101,7 @@ h1, h2, h3 {
   flex-wrap: nowrap; /* 折り返さない*/
   overflow-x: auto; /* スクロール */
   overflow-y: hidden; /* 縦のスクロールは隠す */
-  scrollbar-width: thin; /* Firefoxのスクロールバーを細く */
+  scrollbar-width: thin; /* スクロールバーを細く */
 }
 .sns-links li a {
   display: inline-block;