css improvements for mobile

2025-07-25 18:26:05 +01:00 · 2025-07-25 18:26:05 +01:00 · 55f6878727
commit 55f6878727
parent d5206362fa
1 changed files with 16 additions and 0 deletions
--- a/templates/dir.html
+++ b/templates/dir.html
@ -9,6 +9,7 @@ html {
    background: #101010;
    color: #f0f0f0;
    font-family: 'Monaspace Argon', monospace;
+    font-size: 16px;
 }

 body {
@ -55,6 +56,21 @@ a:hover {
 footer {
    padding: 1em 0;
 }
+
+@media screen and (max-width: 700px) {
+    body {
+        font-size: 12px;
+    }
+
+    td {
+        width: auto;
+    }
+
+    td:last-of-type,
+    th:last-of-type {
+        display: none;
+    }
+}
        </style>
    </head>
    <body>