web frontend for git (tangled's grandpa)
css: single column index on small screens
+13
-15
+12
-9
static/style.css
+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
+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 }}