diff options
author | pistasjis <57069715+pistasjis@users.noreply.github.com> | 2023-05-21 01:23:17 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-05-20 17:23:17 -0600 |
commit | cdd3884b32e7e8194cb0b753389b5e6aa34ac836 (patch) | |
tree | 18582b744002726e667404b75158718a21bafa44 /modules/caddyhttp/fileserver | |
parent | 2615c9c52417d6ac01a56841b4684400b33f7db1 (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/caddyhttp/fileserver')
-rw-r--r-- | modules/caddyhttp/fileserver/browse.html | 20 |
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> |