OrgGo
/
caddy
mirror of https://github.com/caddyserver/caddy.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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>
This commit is contained in:
pistasjis 2023-05-21 01:23:17 +02:00 committed by GitHub
parent 2615c9c524
commit cdd3884b32
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
modules/caddyhttp/fileserver/browse.html
View File

@ -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>