@import url("/assets/md.css")feat: scroll files

@import url("/assets/md.css")

1 files changed, 19 insertions, 13 deletions

diff --git a/cgit.css b/cgit.css
index f77dc10..e970a43 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,4 +1,4 @@
-@import url(https://rsms.me/inter/inter.css);
+@import url("https://rsms.me/inter/inter.css");
 
 * {
   box-sizing: border-box;
@@ -28,7 +28,7 @@ div#cgit {
 
 div#cgit .libravatar-avatar .always-visible {
   height: 1.2em;
-  transform: translate(0,0.2em);
+  transform: translate(0, 0.2em);
   width: 1.2em;
   border-radius: 6px;
 }
@@ -52,10 +52,10 @@ div#cgit .libravatar-avatar:active .on-hover {
   height: 512px;
 }
 div#cgit .theattening::before {
-  content: '@';
+  content: "@";
 }
 div#cgit .thedottening::after {
-  content: '·';
+  content: "·";
   transform: translateY(25%) rotateX(180deg) scale(1.5);
   display: inline-block;
   margin-left: 1px;
@@ -187,7 +187,8 @@ div#cgit table.tabs td a.active {
 }
 
 div#cgit table.tabs a[href^="http://"]::after,
-div#cgit table.tabs a[href^="https://"]::after {
+div#cgit table.tabs a[href^="https://"]::after
+{
   /* TODO: replace with SVG */
   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
   filter: invert();
@@ -220,12 +221,13 @@ div#cgit div.path {
 }
 
 div#cgit div.content {
+  max-width: 100%;
+  overflow-x: scroll;
   margin: 0px;
   padding: 2em;
   border-bottom: solid 3px #ccc;
 }
 
-
 div#cgit table.list {
   width: 100%;
   border: none;
@@ -351,7 +353,12 @@ div#cgit table.list td.logmsg {
   padding: 0 0.5em;
 }
 
-div#cgit table.list td a:not(.deco):not(.branch-deco):not(.tag-deco):not(.tag-annotated-deco):not(.remote-deco) {
+div#cgit
+  table.list
+  td
+  a:not(.deco):not(.branch-deco):not(.tag-deco):not(.tag-annotated-deco):not(
+    .remote-deco
+  ) {
   color: #cdd;
 }
 
@@ -492,11 +499,11 @@ div#cgit table.blame div.alt:nth-child(odd) {
   background: white;
 }
 
-div#cgit table.blame td.lines>div {
+div#cgit table.blame td.lines > div {
   position: relative;
 }
 
-div#cgit table.blame td.lines>div>pre {
+div#cgit table.blame td.lines > div > pre {
   padding: 0 0 0 0.5em;
   position: absolute;
   top: 0;
@@ -702,7 +709,7 @@ div#cgit div.diffstat-summary {
   padding-top: 0.5em;
 }
 
-div#cgit table.diff { 
+div#cgit table.diff {
   font-family: var(--font-monospace, monospace);
   --table-padding: calc(0.6rem + 1ch);
   border-radius: var(--radius-smol);
@@ -787,7 +794,8 @@ div#cgit a.secondary {
   font-size: 90%;
 }
 
-div#cgit td.toplevel-repo {}
+div#cgit td.toplevel-repo {
+}
 
 div#cgit table.list td.sublevel-repo {
   padding-left: 1.7rem;
@@ -1101,5 +1109,3 @@ div#cgit table.ssdiff td.space {
 div#cgit table.ssdiff td.space div {
   min-height: 3em;
 }
-
-