leoalho/paste
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve mobile responsiveness

Browse source 
Add viewport meta tag to prevent mobile browsers from scaling down the
page, and add responsive CSS for screens ≤600px to keep the UI readable.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Leo 2026-03-02 16:49:23 +02:00
parent 51227631e6
commit 735a8c1438
1 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
index.html
View file

@ -2,6 +2,7 @@
<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"/>
<title>Paste</title> <title>Paste</title>
<style> <style>
* { * {
@ -119,6 +120,34 @@ body {
.hidden { .hidden {
display: none !important; display: none !important;
} }
@media (max-width: 600px) {
#line-numbers {
font-size: 12px;
min-width: 36px;
padding: 10px 6px;
}
#plaintext {
font-size: 12px;
padding: 10px;
}
#nav {
padding: 8px;
gap: 8px;
}
.btn {
padding: 8px 12px;
font-size: 13px;
}
#url-output {
min-width: 0;
width: 100%;
font-size: 12px;
}
#status {
margin-left: 0;
width: 100%;
}
}
</style> </style>
<script src="lzma.js"></script> <script src="lzma.js"></script>
</head> </head>