Попытка сделать адаптивный текст и кнопки (всё хреново)

This commit is contained in:
justuser-31 2026-01-31 22:58:21 +03:00
parent 237ec240f0
commit 3ae28ed270

View File

@ -63,8 +63,8 @@ class FileServerHandler(BaseHTTPRequestHandler):
<head> <head>
<title>SimpliestFS</title> <title>SimpliestFS</title>
<style> <style>
body {{ font-family: sans-serif; margin: 40px; }} body {{ font-family: sans-serif; margin: 40px; font-size: 1em; }}
.btn {{ display: inline-block; padding: 10px 20px; margin: 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }} .btn {{ font-size: 1.5em; display: inline-block; padding: 10px 20px; margin: 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }}
.btn:hover {{ background: #ddd; }} .btn:hover {{ background: #ddd; }}
.disclaimer {{ margin-top: 30px; font-size: 0.9em; color: #666; }} .disclaimer {{ margin-top: 30px; font-size: 0.9em; color: #666; }}
h1 a {{ text-decoration: none; color: inherit; }} h1 a {{ text-decoration: none; color: inherit; }}
@ -96,7 +96,7 @@ class FileServerHandler(BaseHTTPRequestHandler):
<head> <head>
<title>Register - SimpliestFS</title> <title>Register - SimpliestFS</title>
<style> <style>
body {{ font-family: sans-serif; margin: 40px; }} body {{ font-family: sans-serif; margin: 40px; font-size: 2em; }}
.back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }} .back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }}
h1 a {{ text-decoration: none; color: inherit; }} h1 a {{ text-decoration: none; color: inherit; }}
</style> </style>
@ -166,9 +166,9 @@ class FileServerHandler(BaseHTTPRequestHandler):
<head> <head>
<title>Login - SimpliestFS</title> <title>Login - SimpliestFS</title>
<style> <style>
body {{ font-family: sans-serif; margin: 40px; }} body {{ font-family: sans-serif; margin: 40px; font-size: 1em; }}
form {{ max-width: 300px; }} form {{ max-width: 300px; }}
input, button {{ width: 100%; padding: 8px; margin: 5px 0; }} input, button {{ width: 100%; padding: 8px; margin: 5px 0; font-size: 2vh; }}
.error {{ color: red; }} .error {{ color: red; }}
.back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }} .back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }}
h1 a {{ text-decoration: none; color: inherit; }} h1 a {{ text-decoration: none; color: inherit; }}
@ -232,10 +232,11 @@ class FileServerHandler(BaseHTTPRequestHandler):
<head> <head>
<title>My Files - SimpliestFS</title> <title>My Files - SimpliestFS</title>
<style> <style>
body {{ font-family: sans-serif; margin: 40px; }} body {{ font-family: sans-serif; margin: 40px; font-size: 1.5em; }}
.upload-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }} .upload-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }}
.back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }} .back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }}
.quota-info {{ margin: 20px 0; font-size: 0.9em; color: #666; }} .quota-info {{ margin: 20px 0; font-size: 0.9em; color: #666; }}
.regular-button {{ font-size: 1em; }}
h1 a {{ text-decoration: none; color: inherit; }} h1 a {{ text-decoration: none; color: inherit; }}
</style> </style>
</head> </head>
@ -246,8 +247,8 @@ class FileServerHandler(BaseHTTPRequestHandler):
Quota: {available_mb} MB | Used: {used_mb:.2f} MB Quota: {available_mb} MB | Used: {used_mb:.2f} MB
</div> </div>
<form method="POST" enctype="multipart/form-data" action="/upload"> <form method="POST" enctype="multipart/form-data" action="/upload">
<input type="file" name="file" required> <input class = "regular-button" type="file" name="file" required>
<button type="submit">Upload</button> <button class = "regular-button" type="submit">Upload</button>
</form> </form>
<hr> <hr>
{files_html if files_html else "<p>No files yet.</p>"} {files_html if files_html else "<p>No files yet.</p>"}
@ -405,7 +406,7 @@ class FileServerHandler(BaseHTTPRequestHandler):
<head> <head>
<title>Explore Files - SimpliestFS</title> <title>Explore Files - SimpliestFS</title>
<style> <style>
body {{ font-family: sans-serif; margin: 40px; }} body {{ font-family: sans-serif; margin: 40px; font-size: 1.5em; }}
.back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }} .back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }}
h1 a {{ text-decoration: none; color: inherit; }} h1 a {{ text-decoration: none; color: inherit; }}
</style> </style>
@ -448,7 +449,7 @@ class FileServerHandler(BaseHTTPRequestHandler):
<head> <head>
<title>{username}'s Files - SimpliestFS</title> <title>{username}'s Files - SimpliestFS</title>
<style> <style>
body {{ font-family: sans-serif; margin: 40px; }} body {{ font-family: sans-serif; margin: 40px; font-size: 1em; }}
.back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }} .back-btn {{ display: inline-block; padding: 5px 10px; background: #eee; border: 1px solid #ccc; text-decoration: none; color: #333; }}
h1 a {{ text-decoration: none; color: inherit; }} h1 a {{ text-decoration: none; color: inherit; }}
</style> </style>