auto-fill folder list using css grid

2026-06-04 12:33:03 +00:00 · 2021-12-28 22:00:47 +03:00
parent 2b6bb2c0cb
commit 585a403a6c
2 changed files with 20 additions and 34 deletions
@@ -41,8 +41,9 @@ export default {
 }

 #f-items {
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
+  grid-gap: 1rem;
  border-top: 1px solid var(--separator);
  gap: 1rem;
  padding-top: 1rem;
@@ -56,7 +57,6 @@ export default {
 }

 .f-container .f-item {
-  min-width: 13rem;
  min-height: 5rem;
  display: flex;
  align-items: center;