Spaces:
Running
on
Zero
Running
on
Zero
adamelliotfields
commited on
Commit
•
9d8b222
1
Parent(s):
7736f5f
Responsive gallery height
Browse files
app.css
CHANGED
@@ -26,6 +26,29 @@
|
|
26 |
.gallery:is(.dark *) {
|
27 |
background-color: var(--bg-dark);
|
28 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29 |
|
30 |
.icon-button {
|
31 |
max-width: 42px;
|
|
|
26 |
.gallery:is(.dark *) {
|
27 |
background-color: var(--bg-dark);
|
28 |
}
|
29 |
+
.gallery > .grid-wrap {
|
30 |
+
overflow-y: auto;
|
31 |
+
}
|
32 |
+
.gallery, .gallery > .grid-wrap {
|
33 |
+
height: 100%;
|
34 |
+
max-height: 574px;
|
35 |
+
}
|
36 |
+
@media (min-width: 640px) {
|
37 |
+
.gallery, .gallery > .grid-wrap {
|
38 |
+
height: 574px;
|
39 |
+
max-height: none;
|
40 |
+
}
|
41 |
+
}
|
42 |
+
@media (min-width: 768px) {
|
43 |
+
.gallery, .gallery > .grid-wrap {
|
44 |
+
height: 702px;
|
45 |
+
}
|
46 |
+
}
|
47 |
+
@media (min-width: 1024px) {
|
48 |
+
.gallery, .gallery > .grid-wrap{
|
49 |
+
height: 894px;
|
50 |
+
}
|
51 |
+
}
|
52 |
|
53 |
.icon-button {
|
54 |
max-width: 42px;
|