responsive mobile page
This commit is contained in:
parent
4a435037cd
commit
48d2ca69da
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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(){
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue