fix: responsive grid layout

This commit is contained in:
prssanna 2020-11-03 19:40:29 +05:30
parent f4e82d3c8e
commit f3b9e076fa
2 changed files with 3 additions and 3 deletions

View file

@ -31,7 +31,7 @@
.file-grid {
padding: var(--padding-sm);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-gap: var(--margin-md);
max-width: 100%;
@ -109,7 +109,7 @@
top: -15px;
left: 0px;
width: 100%;
background-color: var(--bg-color);
background-color: var(--bg-colorw);
border-radius: var(--border-radius);
}
}

View file

@ -29,7 +29,7 @@
.image-view-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
max-width: 100%;
.image-view-row {