robin/ptouch-api
1
0
Fork 0
mirror of https://codeberg.org/icewind/ptouch-api.git synced 2026-06-03 10:54:07 +02:00
Code Issues Projects Releases Packages Wiki Activity

minor mobile improvement

Browse source
This commit is contained in:
Robin Appelman 2025-10-06 21:54:21 +02:00
commit 20060fefe0
2 changed files with 27 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/index.html
View file

@ -1,6 +1,7 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="data:;base64,="> <link rel="icon" href="data:;base64,=">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<title>PTouch</title> <title>PTouch</title>
@ -8,6 +9,12 @@
<body> <body>
<table id="elements"> <table id="elements">
<thead> <thead>
<tr>
<td colspan="2"></td>
<td>Size</td>
<td>Position</td>
<td></td>
</tr>
</thead> </thead>
<tbody> <tbody>

21
web/style.css
View file

@ -12,6 +12,25 @@
} }
} }
@media (max-width: 450px) {
#elements {
thead {
display: none !important;
}
td {
display: inline-block !important;
width: auto;
}
tbody td:first-child {
width: 95%;
input[type="text"] {
width: 100%;
}
}
}
}
body { body {
margin: 1em auto; margin: 1em auto;
max-width: 800px; max-width: 800px;
@ -36,7 +55,7 @@ input {
padding: 0 5px; padding: 0 5px;
} }
.pos input { .pos input, .size input {
width: 60px; width: 60px;
} }