From 56af1ceb328dcec7e29de3c7a1c26c966bed9051 Mon Sep 17 00:00:00 2001 From: 365cent <74791570+365cent@users.noreply.github.com> Date: Mon, 5 Jun 2023 03:39:57 -0400 Subject: fileserver: browse: Better grid layout (#5564) * feat: better implementation of grid layout * fix: vertical alignment --- modules/caddyhttp/fileserver/browse.html | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) (limited to 'modules/caddyhttp/fileserver') 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 { -- cgit v1.2.3