all repos — legit @ 0e6eaa211357cd5b9de1762b1cb49e47d35580dc

web frontend for git

css: single column index on small screens
Anirudh Oppiliappan x@icyphox.sh
Sun, 18 Dec 2022 20:07:27 +0530
commit

0e6eaa211357cd5b9de1762b1cb49e47d35580dc

parent

d0d636aa89bf194185abf01e05b190386d0e8b23

2 files changed, 13 insertions(+), 15 deletions(-)

jump to
M static/style.css → static/style.css 
@@ -41,7 +41,7 @@ padding: 0;
   line-height: 160%;
 }
 
-main h1, h2, h3, .small-heading {
+main h1, h2, h3, strong {
   font-family: var(--display-font);
   font-weight: 500;
 }

@@ -97,26 +97,20 @@ border-bottom: 1.5px solid var(--gray);
 }
 
 .index {
+  padding-top: 2em;
   display: grid;
   grid-template-columns: 6em 1fr minmax(0, 7em);
   grid-row-gap: 0.5em;
   min-width: 0;
 }
 
-.index-headings {
-  display: grid;
-  grid-template-columns: 6em 1fr minmax(0, 7em);
-  padding-bottom: 1.2em;
-  padding-top: 1.2em;
-  min-width: 0;
-}
-
 .clone-url {
   padding-top: 2rem;
 }
 
 .clone-url pre {
   color: var(--dark);
+  white-space: pre-wrap;
 }
 
 .desc {

@@ -250,6 +244,15 @@
   .log {
     grid-template-columns: 1fr;
     grid-row-gap: 0em;
+  }
+
+  .index {
+    grid-template-columns: 1fr;
+    grid-row-gap: 0em;
+  }
+
+  .index-name:not(:first-child) {
+    padding-top: 1.5rem;
   }
 
   .commit-info:not(:last-child) {
M templates/index.html → templates/index.html 
@@ -12,14 +12,9 @@ <h2>{{ .meta.Description }}</h2>
   </header>
   <body>
     <main>
-      <div class="index-headings small-heading">
-        <div>repository</div>
-        <div>description</div>
-        <div>idle</div>
-      </div>
       <div class="index">
       {{ range .info }}
-       <div><a href="/{{ .Name }}">{{ .Name }}</a></div>
+       <div class="index-name"><a href="/{{ .Name }}">{{ .Name }}</a></div>
        <div class="desc">{{ .Desc }}</div>
        <div>{{ .Idle }}</div>
       {{ end }}