responsive mobile page

This commit is contained in:
miklo 2025-11-23 23:22:01 +01:00
parent 4a435037cd
commit 48d2ca69da
2 changed files with 8 additions and 0 deletions

View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Panel admina — kolejka</title> <title>Panel admina — kolejka</title>
<style> <style>
body{font-family:Helvetica,Arial;margin:20px} body{font-family:Helvetica,Arial;margin:20px}
@ -16,6 +17,8 @@
@media (max-width:700px){ @media (max-width:700px){
.grid{flex-direction:column} .grid{flex-direction:column}
.num-label{width:60px} .num-label{width:60px}
.col{width:100%; box-sizing:border-box}
body{font-size:16px}
} }
</style> </style>
</head> </head>

View File

@ -2,10 +2,15 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wywoływane numery</title> <title>Wywoływane numery</title>
<style> <style>
body{font-family:Helvetica,Arial;margin:30px;text-align:center} body{font-family:Helvetica,Arial;margin:30px;text-align:center}
.num{display:inline-block;margin:10px;padding:20px 30px;font-size:72px;font-weight:700;border:2px solid #333;border-radius:8px} .num{display:inline-block;margin:10px;padding:20px 30px;font-size:72px;font-weight:700;border:2px solid #333;border-radius:8px}
@media (max-width:700px){
body{font-size:16px}
}
</style> </style>
<script> <script>
async function fetchCurrent(){ async function fetchCurrent(){