nix/kaidan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

made the file index work on phones

Browse source
This commit is contained in:
Nixietab 2026-08-23 08:08:23 -03:00
parent 581d3e6da5
commit 523e519a3b
3 changed files with 36 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
assets/about.html
View file

@ -48,6 +48,13 @@ footer {
color: #666; color: #666;
letter-spacing: .08em; letter-spacing: .08em;
} }
@media (max-width: 600px) {
body {
padding: 12px;
font-size: 13px;
}
}
</style> </style>
</head> </head>
<body> <body>

24
assets/index.html
View file

@ -139,20 +139,36 @@ footer a:hover {
font-size: 12px; font-size: 12px;
} }
} }
@media (max-width: 430px) {
body {
padding: 8px;
font-size: 12px;
}
td,
th {
padding: 4px;
}
.ty {
display: none;
}
}
</style> </style>
</head> </head>
<body> <body>
<nav class="crumbs">{{range $i, $c := .Crumbs}}{{if $i}} / {{end}}<a href="{{$c.URL}}">{{$c.Name}}</a>{{end}}</nav> <nav class="crumbs">{{range $i, $c := .Crumbs}}{{if $i}} / {{end}}<a href="{{$c.URL}}">{{$c.Name}}</a>{{end}}</nav>
<div class="wrap"> <div class="wrap">
<table> <table>
<thead><tr>{{range .Headers}}<th><a href="{{.URL}}">{{.Label}}{{if .Active}}{{if .Desc}} ▼{{else}} ▲{{end}}{{end}}</a></th>{{end}}</tr></thead> <thead><tr>{{range .Headers}}<th{{if .Class}} class="{{.Class}}"{{end}}><a href="{{.URL}}">{{.Label}}{{if .Active}}{{if .Desc}} ▼{{else}} ▲{{end}}{{end}}</a></th>{{end}}</tr></thead>
<tbody> <tbody>
{{if .HasParent}}<tr><td><a href="../">../</a></td><td class="num">-</td><td class="num"></td><td class="num mod"></td></tr>{{end}} {{if .HasParent}}<tr><td><a href="../">../</a></td><td class="num ty">-</td><td class="num sz"></td><td class="num mod"></td></tr>{{end}}
{{range .Rows}} {{range .Rows}}
<tr{{if .IsDir}} class="dir"{{end}}> <tr{{if .IsDir}} class="dir"{{end}}>
<td><a href="{{.URL}}"{{if not .IsDir}} download{{end}}>{{.Name}}</a></td> <td><a href="{{.URL}}"{{if not .IsDir}} download{{end}}>{{.Name}}</a></td>
<td class="num">{{.Type}}</td> <td class="num ty">{{.Type}}</td>
<td class="num">{{if .IsDir}}-{{else}}{{.SizeS}}{{end}}</td> <td class="num sz">{{if .IsDir}}-{{else}}{{.SizeS}}{{end}}</td>
<td class="num mod">{{.ModS}}</td> <td class="num mod">{{.ModS}}</td>
</tr> </tr>
{{else}}<tr><td colspan="4" class="empty">empty directory</td></tr>{{end}} {{else}}<tr><td colspan="4" class="empty">empty directory</td></tr>{{end}}

10
server.go
View file

@ -61,6 +61,7 @@ func (r row) ModS() string { return r.ModTime.Format("2006-01-02 15:04") }
type headerCol struct { type headerCol struct {
Label string Label string
Class string
URL string URL string
Active bool Active bool
Desc bool Desc bool
@ -226,11 +227,18 @@ func (s *server) serveListing(w http.ResponseWriter, r *http.Request, dirPath, u
headers := []struct { headers := []struct {
Label string Label string
Key string Key string
}{{"Name", "name"}, {"Type", "type"}, {"Size", "size"}, {"Modified", "modified"}} Class string
}{
{"Name", "name", ""},
{"Type", "type", "ty"},
{"Size", "size", "sz"},
{"Modified", "modified", "mod"},
}
cols := make([]headerCol, len(headers)) cols := make([]headerCol, len(headers))
for i, h := range headers { for i, h := range headers {
cols[i] = headerCol{ cols[i] = headerCol{
Label: h.Label, Label: h.Label,
Class: h.Class,
Active: h.Key == sortKey, Active: h.Key == sortKey,
Desc: h.Key == sortKey && desc, Desc: h.Key == sortKey && desc,
} }