web frontend for git (tangled's grandpa)
7
fork

Configure Feed

Select the types of activity you want to include in your feed.

css: single column index on small screens

+13 -15
+12 -9
static/style.css
··· 41 41 line-height: 160%; 42 42 } 43 43 44 - main h1, h2, h3, .small-heading { 44 + main h1, h2, h3, strong { 45 45 font-family: var(--display-font); 46 46 font-weight: 500; 47 47 } ··· 97 97 } 98 98 99 99 .index { 100 + padding-top: 2em; 100 101 display: grid; 101 102 grid-template-columns: 6em 1fr minmax(0, 7em); 102 103 grid-row-gap: 0.5em; 103 104 min-width: 0; 104 105 } 105 106 106 - .index-headings { 107 - display: grid; 108 - grid-template-columns: 6em 1fr minmax(0, 7em); 109 - padding-bottom: 1.2em; 110 - padding-top: 1.2em; 111 - min-width: 0; 112 - } 113 - 114 107 .clone-url { 115 108 padding-top: 2rem; 116 109 } 117 110 118 111 .clone-url pre { 119 112 color: var(--dark); 113 + white-space: pre-wrap; 120 114 } 121 115 122 116 .desc { ··· 250 244 .log { 251 245 grid-template-columns: 1fr; 252 246 grid-row-gap: 0em; 247 + } 248 + 249 + .index { 250 + grid-template-columns: 1fr; 251 + grid-row-gap: 0em; 252 + } 253 + 254 + .index-name:not(:first-child) { 255 + padding-top: 1.5rem; 253 256 } 254 257 255 258 .commit-info:not(:last-child) {
+1 -6
templates/index.html
··· 12 12 </header> 13 13 <body> 14 14 <main> 15 - <div class="index-headings small-heading"> 16 - <div>repository</div> 17 - <div>description</div> 18 - <div>idle</div> 19 - </div> 20 15 <div class="index"> 21 16 {{ range .info }} 22 - <div><a href="/{{ .Name }}">{{ .Name }}</a></div> 17 + <div class="index-name"><a href="/{{ .Name }}">{{ .Name }}</a></div> 23 18 <div class="desc">{{ .Desc }}</div> 24 19 <div>{{ .Idle }}</div> 25 20 {{ end }}