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">
<head>
<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>
<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 {{
font-family: Arial, Helvetica, sans-serif;
background: #f3f4f6;
color: #222;
padding: 20px;
line-height: 1.4;
font-size: 14px;
}}
.container {{
width: 760px;
max-width: 98%;
margin: 0 auto;
width: 95%;
max-width: 760px;
margin: 10px auto;
background: #ffffff;
border: 1px solid #cfcfcf;
padding: 16px;
@@ -121,7 +132,7 @@ class FileShareHandler(BaseHTTPRequestHandler):
}}
a.button:hover {{ text-decoration: underline; }}
textarea.share-text {{
width: 98%;
width: 100%;
height: 220px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
@@ -143,6 +154,21 @@ class FileShareHandler(BaseHTTPRequestHandler):
text-decoration: none;
}}
.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>
</head>
<body>