adamelliotfields commited on
Commit
9d8b222
1 Parent(s): 7736f5f

Responsive gallery height

Browse files
Files changed (1) hide show
  1. app.css +23 -0
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;