coast/webui
1
0
Fork 0
mirror of https://git.sr.ht/~coasteen/webui synced 2025-11-04 11:37:34 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix index.html

Browse source
This commit is contained in:
coast 2025-10-02 02:49:07 +02:00
parent f32ce5e4b1
commit 31a8a77f60
1 changed files with 53 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
index.html
View file

@ -1,57 +1,57 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File Transfer</title> <title>File Transfer</title>
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
} }
#file-tree { #file-tree {
margin-top: 20px; margin-top: 20px;
} }
ul { ul {
list-style-type: none; list-style-type: none;
} }
.preview-modal { .preview-modal {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 1000; z-index: 1000;
} }
.preview-content { .preview-content {
background: white; background: white;
padding: 20px; padding: 20px;
border-radius: 5px; border-radius: 5px;
max-width: 90%; max-width: 90%;
max-height: 90%; max-height: 90%;
overflow: auto; overflow: auto;
} }
img { img {
max-width: 100%; max-width: 100%;
max-height: 400px; max-height: 400px;
} }
</style> </style>
</head> </head>
<body> <body>
<h1>Upload Files</h1> <h1>Upload Files</h1>
<form id="upload-form" action="/upload" method="post" enctype="multipart/form-data"> <form id="upload-form" action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="files" multiple required> <input type="file" name="files" multiple required>
<button type="submit">Upload</button> <button type="submit">Upload</button>
</form> </form>
<h2>Directory Structure</h2> <h2>Directory Structure</h2>
<div id="file-tree"> <div id="file-tree">
<ul id="file-list"></ul> <ul id="file-list"></ul>
</div> </div>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>
</html> </html>