diff options
author | 365cent <74791570+365cent@users.noreply.github.com> | 2023-06-05 03:39:57 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-06-05 07:39:57 +0000 |
commit | 56af1ceb328dcec7e29de3c7a1c26c966bed9051 (patch) | |
tree | 1f21a79c872b9ea306099675c391dcdcc59a3608 /modules | |
parent | 4ba03c9d38aae134bd8616178315086589b69ba8 (diff) |
fileserver: browse: Better grid layout (#5564)
* feat: better implementation of grid layout
* fix: vertical alignment
Diffstat (limited to 'modules')
-rw-r--r-- | modules/caddyhttp/fileserver/browse.html | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/modules/caddyhttp/fileserver/browse.html b/modules/caddyhttp/fileserver/browse.html index dc148b5..da8074e 100644 --- a/modules/caddyhttp/fileserver/browse.html +++ b/modules/caddyhttp/fileserver/browse.html @@ -547,17 +547,16 @@ td .go-up { } .grid { - display: flex; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(16em, 1fr)); + justify-items: center; + align-items: start; gap: 2px; - flex-wrap: wrap; } .grid .entry { position: relative; - width: 20%; - min-width: 250px; - max-width: 400px; - flex: 1; + width: 100%; } .grid .entry a { |