oppi.li
+18
-6
src/public/styles.css
+18
-6
src/public/styles.css
···
82
.info-container a,
83
.comment-info-container a,
84
.sort-opts a,
85
.more a
86
{
87
text-decoration: none;
···
116
align-items: center;
117
}
118
119
-
.sorting {
120
margin-top: 20px;
121
}
122
123
-
.sort-opts {
124
display: grid;
125
margin: 10px;
126
}
127
128
-
.sort-opts {
129
grid-template-columns: repeat(2, 1fr);
130
grid-template-rows: repeat(5, 1fr);
131
grid-auto-flow: column;
132
}
133
134
.footer {
···
397
form {
398
width: 40%;
399
}
400
-
.sort-opts {
401
grid-template-columns: repeat(9, 1fr);
402
grid-template-rows: repeat(1, 1fr);
403
grid-auto-flow: row;
···
442
form {
443
width: 20%;
444
}
445
-
.sort-opts {
446
grid-template-columns: repeat(9, 1fr);
447
grid-template-rows: repeat(1, 1fr);
448
grid-auto-flow: row;
···
459
{
460
max-height: 20vh;
461
}
462
-
.sort-opts {
463
grid-template-columns: repeat(9, 1fr);
464
grid-template-rows: repeat(1, 1fr);
465
grid-auto-flow: row;
···
542
543
.header a,
544
.sort-opts a,
545
.sub-title a {
546
color: var(--text-color);
547
}
···
82
.info-container a,
83
.comment-info-container a,
84
.sort-opts a,
85
+
.view-opts a,
86
.more a
87
{
88
text-decoration: none;
···
117
align-items: center;
118
}
119
120
+
.sorting,
121
+
.viewing {
122
margin-top: 20px;
123
}
124
125
+
.sort-opts,
126
+
.view-opts {
127
display: grid;
128
margin: 10px;
129
}
130
131
+
.sort-opts,
132
+
.view-opts {
133
grid-template-columns: repeat(2, 1fr);
134
grid-template-rows: repeat(5, 1fr);
135
grid-auto-flow: column;
136
+
}
137
+
138
+
.view-opts {
139
+
grid-template-rows: repeat(2, 1fr);
140
}
141
142
.footer {
···
405
form {
406
width: 40%;
407
}
408
+
.sort-opts,
409
+
.view-opts {
410
grid-template-columns: repeat(9, 1fr);
411
grid-template-rows: repeat(1, 1fr);
412
grid-auto-flow: row;
···
451
form {
452
width: 20%;
453
}
454
+
.sort-opts,
455
+
.view-opts {
456
grid-template-columns: repeat(9, 1fr);
457
grid-template-rows: repeat(1, 1fr);
458
grid-auto-flow: row;
···
469
{
470
max-height: 20vh;
471
}
472
+
.sort-opts,
473
+
.view-opts {
474
grid-template-columns: repeat(9, 1fr);
475
grid-template-rows: repeat(1, 1fr);
476
grid-auto-flow: row;
···
553
554
.header a,
555
.sort-opts a,
556
+
.view-opts a,
557
.sub-title a {
558
color: var(--text-color);
559
}
+3
-3
src/views/index.pug
+3
-3
src/views/index.pug
···
55
a(href=`/r/${subreddit}?sort=top&t=year&view=${viewQuery}`) top year
56
div
57
a(href=`/r/${subreddit}?sort=top&t=all&view=${viewQuery}`) top all
58
-
details.sort-details
59
-
summary.sorting viewing as #{viewQuery}
60
-
div.sort-opts
61
div
62
a(href=`/r/${subreddit}?sort=${sortQuery}&view=compact`) compact
63
div
···
55
a(href=`/r/${subreddit}?sort=top&t=year&view=${viewQuery}`) top year
56
div
57
a(href=`/r/${subreddit}?sort=top&t=all&view=${viewQuery}`) top all
58
+
details.view-details
59
+
summary.viewing viewing as #{viewQuery}
60
+
div.view-opts
61
div
62
a(href=`/r/${subreddit}?sort=${sortQuery}&view=compact`) compact
63
div