From cdd3884b32e7e8194cb0b753389b5e6aa34ac836 Mon Sep 17 00:00:00 2001 From: pistasjis <57069715+pistasjis@users.noreply.github.com> Date: Sun, 21 May 2023 01:23:17 +0200 Subject: fileserver: browse: minor tweaks for grid view, dark mode (#5545) * Make grid entries take up full width on mobile and fix breadcrumb color issue in dark mode Signed-off-by: Pistasj * Do mholt's suggestions Signed-off-by: Pistasj --------- Signed-off-by: Pistasj --- modules/caddyhttp/fileserver/browse.html | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) (limited to 'modules/caddyhttp') diff --git a/modules/caddyhttp/fileserver/browse.html b/modules/caddyhttp/fileserver/browse.html index 55d274b..dc148b5 100644 --- a/modules/caddyhttp/fileserver/browse.html +++ b/modules/caddyhttp/fileserver/browse.html @@ -621,8 +621,13 @@ footer { #filter { max-width: 100px; } + + .grid .entry { + max-width: initial; + } } + @media (prefers-color-scheme: dark) { html { background: black; /* overscroll */ @@ -647,6 +652,10 @@ footer { color: white; } + h1 { + color: white; + } + h1 a:hover { background: hsl(213deg 100% 73% / 20%); } @@ -714,15 +723,16 @@ footer { stroke: #ccc !important; } } + {{- if eq .Layout "grid"}} {{- end}} - - -
-
-
Folder Path
+ + +
+
+
Folder Path

{{range $i, $crumb := .Breadcrumbs}}{{html $crumb.Text}}{{if ne $i 0}}/{{end}}{{end}}

-- cgit v1.2.3