More robust and flexible layout.

2023-11-19 13:55:52 +00:00
parent d939c1ddbb
commit 4b49f454ba
7 changed files with 58 additions and 37 deletions
@@ -244,12 +244,13 @@ const contextMenu = (ev: MouseEvent, doc: Doc) => {

 <style scoped>
 .gallery {
-  padding: 1rem;
+  padding: 1em;
  width: 100%;
  display: grid;
-  gap: .5rem;
-  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
-  grid-auto-rows: 15rem;
+  gap: .5em;
+  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
+  grid-template-rows: repeat(minmax(auto, 15em));
+  align-items: end;
 }
 .breadcrumb {
  position: absolute;