Compare commits

..

2 Commits

Author SHA1 Message Date
N0\A
75cc6241aa fix the edges getting cut off 2025-10-30 17:17:16 +01:00
N0\A
8c42dfffbd mobile-friendly http share 2025-10-30 17:14:26 +01:00

View File

@@ -34,21 +34,32 @@ class FileShareHandler(BaseHTTPRequestHandler):
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{html.escape(title)}</title> <title>{html.escape(title)}</title>
<style type="text/css"> <style type="text/css">
html, body {{ margin:0; padding:0; }} html {{
box-sizing: border-box;
}}
*, *:before, *:after {{
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}}
html, body {{
margin: 0;
padding: 0;
}}
body {{ body {{
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background: #f3f4f6; background: #f3f4f6;
color: #222; color: #222;
padding: 20px;
line-height: 1.4; line-height: 1.4;
font-size: 14px; font-size: 14px;
}} }}
.container {{ .container {{
width: 760px; width: 95%;
max-width: 98%; max-width: 760px;
margin: 0 auto; margin: 10px auto;
background: #ffffff; background: #ffffff;
border: 1px solid #cfcfcf; border: 1px solid #cfcfcf;
padding: 16px; padding: 16px;
@@ -121,7 +132,7 @@ class FileShareHandler(BaseHTTPRequestHandler):
}} }}
a.button:hover {{ text-decoration: underline; }} a.button:hover {{ text-decoration: underline; }}
textarea.share-text {{ textarea.share-text {{
width: 98%; width: 100%;
height: 220px; height: 220px;
font-family: "Courier New", Courier, monospace; font-family: "Courier New", Courier, monospace;
font-size: 12px; font-size: 12px;
@@ -143,6 +154,21 @@ class FileShareHandler(BaseHTTPRequestHandler):
text-decoration: none; text-decoration: none;
}} }}
.footer a:hover {{ text-decoration: underline; }} .footer a:hover {{ text-decoration: underline; }}
/* Responsive styles */
@media screen and (max-width: 600px) {{
.left-col, .right-col {{
width: 100%;
float: none;
margin-left: 0;
min-width: 0;
}}
.subtitle {{
float: none;
text-align: left;
margin-top: 8px;
}}
}}
</style> </style>
</head> </head>
<body> <body>