summaryrefslogtreecommitdiff
path: root/modules
diff options
context:
space:
mode:
authorpistasjis <57069715+pistasjis@users.noreply.github.com>2023-05-21 01:23:17 +0200
committerGitHub <noreply@github.com>2023-05-20 17:23:17 -0600
commitcdd3884b32e7e8194cb0b753389b5e6aa34ac836 (patch)
tree18582b744002726e667404b75158718a21bafa44 /modules
parent2615c9c52417d6ac01a56841b4684400b33f7db1 (diff)
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>
Diffstat (limited to 'modules')
-rw-r--r--modules/caddyhttp/fileserver/browse.html20
1 files changed, 15 insertions, 5 deletions
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>