responsive mobile page
This commit is contained in:
parent
4a435037cd
commit
48d2ca69da
|
|
@ -2,6 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Panel admina — kolejka</title>
|
||||
<style>
|
||||
body{font-family:Helvetica,Arial;margin:20px}
|
||||
|
|
@ -16,6 +17,8 @@
|
|||
@media (max-width:700px){
|
||||
.grid{flex-direction:column}
|
||||
.num-label{width:60px}
|
||||
.col{width:100%; box-sizing:border-box}
|
||||
body{font-size:16px}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,15 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Wywoływane numery</title>
|
||||
<style>
|
||||
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}
|
||||
@media (max-width:700px){
|
||||
body{font-size:16px}
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
async function fetchCurrent(){
|
||||
|
|
|
|||
Loading…
Reference in New Issue