Fast and extensible multi-platform HTTP/1-2-3 web server with automatic HTTPS
Mirrored from https://github.com/Slazee/caddy.git
Synced Nov 13, 01:45 UTC
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>
pistasjis committed
May 21, 2023 at 01:23 UTC
cdd3884b32e7e8194cb0b753389b5e6aa34ac836
1 file changed
+15
-5
modules/caddyhttp/fileserver/browse.html
+15
-5
@@ -621,8 +621,13 @@ footer {
621
#filter {
622
max-width: 100px;
623
}
624
+
625
+ .grid .entry {
626
+ max-width: initial;
627
+ }
628
}
629
630
+
631
@media (prefers-color-scheme: dark) {
632
html {
633
background: black; /* overscroll */
@@ -647,6 +652,10 @@ footer {
652
color: white;
653
}
654
655
+ h1 {
656
+ color: white;
657
+ }
658
+
659
h1 a:hover {
660
background: hsl(213deg 100% 73% / 20%);
661
}
@@ -714,15 +723,16 @@ footer {
723
stroke: #ccc !important;
724
}
725
}
726
+
727
</style>
728
{{- if eq .Layout "grid"}}
729
<style>.wrapper { max-width: none; } main { margin-top: 1px; }</style>
730
{{- end}}
721
- </head>
722
- <body onload="initPage()">
723
- <header>
724
- <div class="wrapper">
725
- <div class="breadcrumbs">Folder Path</div>
731
+</head>
732
+<body onload="initPage()">
733
+ <header>
734
+ <div class="wrapper">
735
+ <div class="breadcrumbs">Folder Path</div>
736
<h1>
737
{{range $i, $crumb := .Breadcrumbs}}<a href="{{html $crumb.Link}}">{{html $crumb.Text}}</a>{{if ne $i 0}}/{{end}}{{end}}
738
</h1>