commit 08cdf338b57b7f4da9e621304fbeb020901250c9
parent dbdfb7ca1e14d1397b15370b603cf0f382a7a9bc
Author: breadcat <breadcat@users.noreply.github.com>
Date: Fri, 6 Feb 2026 11:42:18 +0000
Try and improve the mobile UI situation
Diffstat:
2 files changed, 45 insertions(+), 4 deletions(-)
diff --git a/main.go b/main.go
@@ -83,7 +83,7 @@ func handleIndex(w http.ResponseWriter, r *http.Request) {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #1a1a1a;
color: #e0e0e0;
- height: 100vh;
+ min-height: 100svh;
display: flex;
flex-direction: column;
}
@@ -99,7 +99,7 @@ func handleIndex(w http.ResponseWriter, r *http.Request) {
overflow: hidden;
}
.browser {
- width: 350px;
+ width: clamp(240px, 30vw, 350px);
background: #242424;
border-right: 1px solid #3d3d3d;
display: flex;
@@ -176,7 +176,47 @@ func handleIndex(w http.ResponseWriter, r *http.Request) {
font-size: 0.9rem;
font-weight: 500;
}
+ @media (max-width: 768px) {
+ .container {
+ flex-direction: column;
+ }
+
+ .browser {
+ width: 100%;
+ max-height: 40vh;
+ border-right: none;
+ border-bottom: 1px solid #3d3d3d;
+ }
+
+ .player {
+ padding: 1rem;
+ }
+
+ header {
+ padding: 0.75rem 1rem;
+ }
+
+ h1 {
+ font-size: 1.25rem;
+ }
+ .file-item {
+ padding: 1rem;
+ font-size: 1rem;
+ }
+
+ .breadcrumb span {
+ padding: 0.4rem 0.6rem;
+ }
+ .transcoding-notice {
+ top: auto;
+ bottom: 1rem;
+ right: 50%;
+ transform: translateX(50%);
+ font-size: 0.8rem;
+ }
+ }
</style>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
diff --git a/readme.md b/readme.md
@@ -18,4 +18,5 @@ Then access the servers IP address via a web browser on port `8080`.
* Doesn't support soft subtitle formats
* Seeking isn't supported on transcoded files
* Some ffmpeg processes aren't always killed after client disconnect
-* The UI on mobile isn't great
-\ No newline at end of file
+* The UI on mobile isn't great
+* AC3 audio doesn't seem to be encoded properly
+\ No newline at end of file
