dotfiles

commit 9a73b41e4b58fdce1ccc719f519e158e04c8339f
parent eecf8a942132e5752394dc4850617d707ab970e3
Author: maydayv7 <maydayv7@gmail.com>
Date:   Wed, 23 Sep 2026 20:36:45 +0530

fix: `gitsite` Styling

Diffstat:

1 file changed, 82 insertions(+), 4 deletions(-)
diff --git a/site/sass/git.scss b/site/sass/git.scss
@@ -6,6 +6,19 @@
   #repo-header {
     min-width: 0;
   }
+  #repo-header {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin: 20px 0;
+    padding-bottom: 1rem;
+    border-bottom: 1px solid var(--border-color);
+  }
+  .repo-title {
+    flex: 1 1 16rem;
+    min-width: 0;
+  }
   .repo-menu {
     margin-top: 20px;
     ul {
@@ -20,8 +33,13 @@
     }
   }
   #repo-header .url {
+    background: var(--accent-alpha-20);
+    border: 1px solid var(--border-color);
+    border-radius: 3px;
+    font-size: 0.9em;
+    max-width: 100%;
+    padding: 0.5em 0.8em;
     overflow-wrap: anywhere;
-    margin: 15px 0;
   }
   .desc {
     display: block;
@@ -46,6 +64,35 @@
     text-align: left;
     vertical-align: top;
   }
+  #index,
+  #log,
+  #files,
+  #branches,
+  #tags,
+  #diffstat {
+    td,
+    th {
+      padding: 0.25em 0.5em;
+    }
+    tr:hover td {
+      background: var(--accent-secondary-alpha-20);
+    }
+  }
+  #index td:first-child {
+    font-weight: bold;
+  }
+  #log-msg {
+    text-align: center;
+    padding: 1em 0.5em;
+    font-weight: bold;
+    color: color-mix(in srgb, var(--color) 70%, var(--background));
+    border-top: 1px solid var(--border-color);
+  }
+  #diffstat td:first-child,
+  #diffstat td:nth-child(3) {
+    text-align: center;
+    width: 2em;
+  }
   .num {
     text-align: right;
     white-space: nowrap;
@@ -69,12 +116,28 @@
   #blob pre {
     background: var(--accent-alpha-20);
   }
-  #blob .linenos a,
-  #blob .linenos {
-    opacity: 0.8;
+  #blob pre a {
+    background: none;
+    color: inherit;
+    text-decoration: none;
   }
   #blob .linenos {
+    display: inline-block;
+    opacity: 0.8;
     margin-right: 1ch;
+    padding-right: 1ch;
+    border-right: 1px solid var(--border-color);
+    user-select: none;
+  }
+  #blob pre > span[id] {
+    display: block;
+    width: max-content;
+    min-width: 100%;
+
+    &:hover,
+    &:has(:target) {
+      background: var(--accent-secondary-alpha-20);
+    }
   }
   .highlight {
     color: var(--color);
@@ -94,6 +157,21 @@
   .M {
     color: var(--accent-secondary-alpha-70);
   }
+  .A,
+  .D,
+  .M,
+  .R,
+  pre span.i,
+  pre span.d,
+  pre span.h {
+    font-weight: bold;
+  }
+  #content > h3 {
+    margin: 1em 0 0.5em;
+    padding-bottom: 0.2em;
+    border-bottom: 1px solid var(--border-color);
+    font-style: oblique;
+  }
   :target {
     scroll-margin-top: 15px;
   }