commit a6555ecc50a75376d51f94bbff2b58d618f3d4c8
parent d56e88b9f0d2c63c5fa4137183f96328359d8d9f
Author: nickfarrow <nick@nickfarrow.com>
Date: Mon, 21 Jun 2021 01:21:40 +1000
Add mobile web support
Diffstat:
3 files changed, 42 insertions(+), 24 deletions(-)
diff --git a/static/style.css b/static/style.css
@@ -8,6 +8,44 @@ body{
overflow: hidden;
font-family: "Lucida Console", "Courier New", monospace;
}
+
+#paybox {
+ background-color: #f7931a;
+ border-radius: 25px;
+ padding-left: 30px;
+ padding-right: 30px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ font-size: 16px
+
+ /* height:auto; */
+ height: 275px;
+ /* width:220px; */
+ width:360px;
+
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+}
+
+/* Smartphones */
+@media only screen and (min-width : 0px) and (max-width : 700px){
+ #paybox {
+ width: 80%;
+ height: auto;
+ }
+}
+/* Desktop */
+@media only screen and (min-width: 700px){
+ #paybox {
+ width: 360px;
+ height: auto;
+ }
+}
+
+
p {
/* display: inline-block; */
overflow-wrap: break-word;
@@ -38,28 +76,6 @@ h1 {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
-#paybox {
- background-color: #f7931a;
- border-radius: 25px;
- padding-left: 30px;
- padding-right: 30px;
- padding-top: 10px;
- padding-bottom: 10px;
- font-size: 16px
-
- /* height:auto; */
- height: 275px;
- /* width:220px; */
- width:360px;
-
-
- position: absolute;
- left: 50%;
- top: 50%;
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
-
-}
.logo {
padding-top:25px;
diff --git a/templates/donate.html b/templates/donate.html
@@ -3,7 +3,8 @@
<head>
<title>Donate Bitcoin</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
-
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
+
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.4/socket.io.js"></script>
<!-- <script src="{{ url_for('static', filename='server_connection.js') }}"></script> -->
diff --git a/templates/index.html b/templates/index.html
@@ -3,7 +3,8 @@
<head>
<title>SatSale</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
-
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
+
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.4/socket.io.js"></script>
<script src="{{ url_for('static', filename='websocket.js') }}"></script>
