Spaces:
Running
on
Zero
Running
on
Zero
Commit
•
611f9c5
1
Parent(s):
6829539
Responsive height
Browse files
app.css
CHANGED
|
@@ -29,18 +29,12 @@
|
|
| 29 |
.gallery:is(.dark *) {
|
| 30 |
background-color: var(--bg-dark);
|
| 31 |
}
|
| 32 |
-
.gallery
|
| 33 |
overflow-y: auto;
|
| 34 |
}
|
| 35 |
-
.gallery, .gallery
|
| 36 |
-
height:
|
| 37 |
-
max-height:
|
| 38 |
-
}
|
| 39 |
-
@media (min-width: 640px) {
|
| 40 |
-
.gallery, .gallery > .grid-wrap {
|
| 41 |
-
height: 550px;
|
| 42 |
-
max-height: none;
|
| 43 |
-
}
|
| 44 |
}
|
| 45 |
|
| 46 |
.icon-button {
|
|
@@ -48,7 +42,7 @@
|
|
| 48 |
}
|
| 49 |
|
| 50 |
.image-container {
|
| 51 |
-
max-height:
|
| 52 |
}
|
| 53 |
|
| 54 |
.popover {
|
|
@@ -113,7 +107,7 @@
|
|
| 113 |
border-width: 0px;
|
| 114 |
}
|
| 115 |
.tabitem {
|
| 116 |
-
max-height:
|
| 117 |
overflow-x: hidden;
|
| 118 |
overflow-y: auto;
|
| 119 |
padding: 0 0 8px;
|
|
|
|
| 29 |
.gallery:is(.dark *) {
|
| 30 |
background-color: var(--bg-dark);
|
| 31 |
}
|
| 32 |
+
.gallery .grid-wrap {
|
| 33 |
overflow-y: auto;
|
| 34 |
}
|
| 35 |
+
.gallery, .gallery .grid-wrap {
|
| 36 |
+
height: calc(100vh - 360px);
|
| 37 |
+
max-height: none;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 38 |
}
|
| 39 |
|
| 40 |
.icon-button {
|
|
|
|
| 42 |
}
|
| 43 |
|
| 44 |
.image-container {
|
| 45 |
+
max-height: calc(100vh - 480px);
|
| 46 |
}
|
| 47 |
|
| 48 |
.popover {
|
|
|
|
| 107 |
border-width: 0px;
|
| 108 |
}
|
| 109 |
.tabitem {
|
| 110 |
+
max-height: calc(100vh - 260px);
|
| 111 |
overflow-x: hidden;
|
| 112 |
overflow-y: auto;
|
| 113 |
padding: 0 0 8px;
|