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 <odyssey346@disroot.org>
* Do mholt's suggestions
Signed-off-by: Pistasj <odyssey346@disroot.org>
---------
Signed-off-by: Pistasj <odyssey346@disroot.org>
---
modules/caddyhttp/fileserver/browse.html | 20 +++++++++++++++-----
1 file changed, 15 insertions(+), 5 deletions(-)
(limited to 'modules/caddyhttp/fileserver')
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;
}
}
+
</style>
{{- if eq .Layout "grid"}}
<style>.wrapper { max-width: none; } main { margin-top: 1px; }</style>
{{- end}}
- </head>
- <body onload="initPage()">
- <header>
- <div class="wrapper">
- <div class="breadcrumbs">Folder Path</div>
+</head>
+<body onload="initPage()">
+ <header>
+ <div class="wrapper">
+ <div class="breadcrumbs">Folder Path</div>
<h1>
{{range $i, $crumb := .Breadcrumbs}}<a href="{{html $crumb.Link}}">{{html $crumb.Text}}</a>{{if ne $i 0}}/{{end}}{{end}}
</h1>
--
cgit v1.2.3