Skip to content

Commit 4a5b3f4

Browse files
bitcoinwarrior1bitcoinwarrior1
authored
Merge pull request #302 from AlphaWallet/alipay-style-fixing
fixed alipay styled css
2 parents 2670b0c + 069f16d commit 4a5b3f4

File tree

7 files changed

+102
-57
lines changed

7 files changed

+102
-57
lines changed

‎examples/AliPay/Dropoff/shared.css

+15-8
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
html {
2+
min-height: 10px;
3+
}
4+
body {
5+
min-height: 10px;
6+
}
17
.time {
28
font-family: "SourceSansPro";
39
font-weight: lighter;
@@ -14,11 +20,11 @@
1420
.ticket {
1521
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzQ0cHgiIGhlaWdodD0iMTg0cHgiIHZpZXdCb3g9IjAgMCAzNDQgMTg0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MSAoODk1ODEpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iR3JhZGllbnQiIGdyYWRpZW50VHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KCSAgICAgIDxzdG9wIG9mZnNldD0iNSUiICBzdG9wLWNvbG9yPSIjRkU0RTI0IiAvPgoJICAgICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNFMzIwNkUiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ2FyZHMvQ29udGVudC9QaWNrdXAiIGZpbGw9InVybCgjR3JhZGllbnQpIj4KICAgICAgICAgICAgPHBhdGggZD0iTS00LjI2MzI1NjQxZS0xNCwxNiBDLTQuMzcxNDczMDFlLTE0LDcuMTYzNDQ0IDcuMTYzNDQ0LDEuNjIzMjQ5ZS0xNSAxNiwwIEwzMjgsMCBDMzM2LjgzNjU1NiwtMS42MjMyNDllLTE1IDM0NCw3LjE2MzQ0NCAzNDQsMTYgTDM0NCw3NyBDMzM1LjcxNTcyOSw3NyAzMjksODMuNzE1NzI4OCAzMjksOTIgQzMyOSwxMDAuMjg0MjcxIDMzNS43MTU3MjksMTA3IDM0NCwxMDcgTDM0NCwxMDcgTDM0NCwxNjggQzM0NCwxNzYuODM2NTU2IDMzNi44MzY1NTYsMTg0IDMyOCwxODQgTDE2LDE4NCBDNy4xNjM0NDQsMTg0IC00LjE1NTAzOTgxZS0xNCwxNzYuODM2NTU2IC00LjI2MzI1NjQxZS0xNCwxNjggTC00LjI2MzI1NjQxZS0xNCwxMDcgTDAuMzEzODI4MTUzLDEwNi45OTY3ODIgQzguNDUzMjEzNjMsMTA2LjgyOTczIDE1LDEwMC4xNzk0MDcgMTUsOTIgQzE1LDgzLjcxNTcyODggOC4yODQyNzEyNSw3NyAtNC4yNjMyNTY0MWUtMTQsNzcgTC00LjI2MzI1NjQxZS0xNCw3NyBMLTQuMjYzMjU2NDFlLTE0LDE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
1622
border-radius: 15px;
17-
display: flex;
1823
flex-direction: column;
19-
background-size: cover;
24+
background-size: contain;
2025
width: 100%;
2126
background-repeat: no-repeat;
27+
height: 52.7vw;
2228
}
2329
.ticketname {
2430
font-family: "SourceSansPro";
@@ -33,6 +39,7 @@
3339
.bottom-section {
3440
display: block;
3541
padding-left: 12%;
42+
padding-top: 7%;
3643
align-items: center;
3744
flex: 50%;
3845
width: auto;
@@ -82,7 +89,7 @@
8289
.flight {
8390
font-family: "SourceSansPro";
8491
font-weight: 800;
85-
font-size: 12px;
92+
font-size: 14px;
8693
color: white;
8794
width: 100%;
8895
display: block;
@@ -92,7 +99,7 @@
9299
.airport {
93100
font-family: "SourceSansPro";
94101
font-weight: 500;
95-
font-size: 12px;
102+
font-size: 14px;
96103
color: white;
97104
width: 100%;
98105
display: block;
@@ -102,7 +109,7 @@
102109
.pickup-location {
103110
font-family: "SourceSansPro";
104111
font-weight: 500;
105-
font-size: 12px;
112+
font-size: 14px;
106113
color: white;
107114
width: 100%;
108115
display: block;
@@ -130,7 +137,7 @@
130137
}
131138

132139
.redeemed-stamp {
133-
height: 60%;
134-
margin-top: 58%;
135-
margin-left: 28%;
140+
height: 56%;
141+
margin-top: 45%;
142+
margin-left: 15%;
136143
}

‎examples/AliPay/Hotel/shared.css

+15-9
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
1-
1+
html {
2+
min-height: 10px;
3+
}
4+
body {
5+
min-height: 10px;
6+
}
27
.time {
38
font-family: "SourceSansPro";
49
font-weight: lighter;
@@ -15,11 +20,11 @@
1520
.ticket {
1621
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzQ0cHgiIGhlaWdodD0iMTg0cHgiIHZpZXdCb3g9IjAgMCAzNDQgMTg0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MSAoODk1ODEpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iR3JhZGllbnQiIGdyYWRpZW50VHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KCSAgICAgIDxzdG9wIG9mZnNldD0iNSUiICBzdG9wLWNvbG9yPSIjNUEyRkM3IiAvPgoJICAgICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiM5NjU3RTQiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ2FyZHMvQ29udGVudC9QaWNrdXAiIGZpbGw9InVybCgjR3JhZGllbnQpIj4KICAgICAgICAgICAgPHBhdGggZD0iTS00LjI2MzI1NjQxZS0xNCwxNiBDLTQuMzcxNDczMDFlLTE0LDcuMTYzNDQ0IDcuMTYzNDQ0LDEuNjIzMjQ5ZS0xNSAxNiwwIEwzMjgsMCBDMzM2LjgzNjU1NiwtMS42MjMyNDllLTE1IDM0NCw3LjE2MzQ0NCAzNDQsMTYgTDM0NCw3NyBDMzM1LjcxNTcyOSw3NyAzMjksODMuNzE1NzI4OCAzMjksOTIgQzMyOSwxMDAuMjg0MjcxIDMzNS43MTU3MjksMTA3IDM0NCwxMDcgTDM0NCwxMDcgTDM0NCwxNjggQzM0NCwxNzYuODM2NTU2IDMzNi44MzY1NTYsMTg0IDMyOCwxODQgTDE2LDE4NCBDNy4xNjM0NDQsMTg0IC00LjE1NTAzOTgxZS0xNCwxNzYuODM2NTU2IC00LjI2MzI1NjQxZS0xNCwxNjggTC00LjI2MzI1NjQxZS0xNCwxMDcgTDAuMzEzODI4MTUzLDEwNi45OTY3ODIgQzguNDUzMjEzNjMsMTA2LjgyOTczIDE1LDEwMC4xNzk0MDcgMTUsOTIgQzE1LDgzLjcxNTcyODggOC4yODQyNzEyNSw3NyAtNC4yNjMyNTY0MWUtMTQsNzcgTC00LjI2MzI1NjQxZS0xNCw3NyBMLTQuMjYzMjU2NDFlLTE0LDE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
1722
border-radius: 15px;
18-
display: flex;
1923
flex-direction: column;
20-
background-size: cover;
24+
background-size: contain;
2125
width: 100%;
2226
background-repeat: no-repeat;
27+
height: 52.7vw;
2328
}
2429
.ticketname {
2530
font-family: "SourceSansPro";
@@ -34,6 +39,7 @@
3439
.bottom-section {
3540
display: block;
3641
padding-left: 12%;
42+
padding-top: 7%;
3743
align-items: center;
3844
flex: 50%;
3945
width: auto;
@@ -83,7 +89,7 @@
8389
.flight {
8490
font-family: "SourceSansPro";
8591
font-weight: 800;
86-
font-size: 12px;
92+
font-size: 14px;
8793
color: white;
8894
width: 100%;
8995
display: block;
@@ -93,7 +99,7 @@
9399
.airport {
94100
font-family: "SourceSansPro";
95101
font-weight: 500;
96-
font-size: 12px;
102+
font-size: 14px;
97103
color: white;
98104
width: 100%;
99105
display: block;
@@ -103,7 +109,7 @@
103109
.pickup-location {
104110
font-family: "SourceSansPro";
105111
font-weight: 500;
106-
font-size: 12px;
112+
font-size: 14px;
107113
color: white;
108114
width: 100%;
109115
display: block;
@@ -131,7 +137,7 @@
131137
}
132138

133139
.redeemed-stamp {
134-
height: 60%;
135-
margin-top: 58%;
136-
margin-left: 28%;
140+
height: 56%;
141+
margin-top: 45%;
142+
margin-left: 15%;
137143
}

‎examples/AliPay/Invitation/shared.css

+19-13
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
1-
1+
html {
2+
min-height: 10px;
3+
}
4+
body {
5+
min-height: 10px;
6+
}
27
.time {
38
font-family: "SourceSansPro";
49
font-weight: lighter;
@@ -14,12 +19,12 @@
1419
}
1520
.ticket {
1621
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzQ0cHgiIGhlaWdodD0iMTg0cHgiIHZpZXdCb3g9IjAgMCAzNDQgMTg0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MSAoODk1ODEpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iR3JhZGllbnQiIGdyYWRpZW50VHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KCSAgICAgIDxzdG9wIG9mZnNldD0iNSUiICBzdG9wLWNvbG9yPSIjMTE5RkVBIiAvPgoJICAgICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiMxMTlGRUEiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ2FyZHMvQ29udGVudC9QaWNrdXAiIGZpbGw9InVybCgjR3JhZGllbnQpIj4KICAgICAgICAgICAgPHBhdGggZD0iTS00LjI2MzI1NjQxZS0xNCwxNiBDLTQuMzcxNDczMDFlLTE0LDcuMTYzNDQ0IDcuMTYzNDQ0LDEuNjIzMjQ5ZS0xNSAxNiwwIEwzMjgsMCBDMzM2LjgzNjU1NiwtMS42MjMyNDllLTE1IDM0NCw3LjE2MzQ0NCAzNDQsMTYgTDM0NCw3NyBDMzM1LjcxNTcyOSw3NyAzMjksODMuNzE1NzI4OCAzMjksOTIgQzMyOSwxMDAuMjg0MjcxIDMzNS43MTU3MjksMTA3IDM0NCwxMDcgTDM0NCwxMDcgTDM0NCwxNjggQzM0NCwxNzYuODM2NTU2IDMzNi44MzY1NTYsMTg0IDMyOCwxODQgTDE2LDE4NCBDNy4xNjM0NDQsMTg0IC00LjE1NTAzOTgxZS0xNCwxNzYuODM2NTU2IC00LjI2MzI1NjQxZS0xNCwxNjggTC00LjI2MzI1NjQxZS0xNCwxMDcgTDAuMzEzODI4MTUzLDEwNi45OTY3ODIgQzguNDUzMjEzNjMsMTA2LjgyOTczIDE1LDEwMC4xNzk0MDcgMTUsOTIgQzE1LDgzLjcxNTcyODggOC4yODQyNzEyNSw3NyAtNC4yNjMyNTY0MWUtMTQsNzcgTC00LjI2MzI1NjQxZS0xNCw3NyBMLTQuMjYzMjU2NDFlLTE0LDE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
17-
border-radius: 15px;
18-
display: flex;
19-
flex-direction: column;
20-
background-size: cover;
21-
max-height: 99%;
22-
width: 100%;
22+
border-radius: 15px;
23+
flex-direction: column;
24+
background-size: contain;
25+
width: 100%;
26+
background-repeat: no-repeat;
27+
height: 52.7vw;
2328
}
2429
.ticketname {
2530
font-family: "SourceSansPro";
@@ -34,6 +39,7 @@
3439
.bottom-section {
3540
display: block;
3641
padding-left: 12%;
42+
padding-top: 7%;
3743
align-items: center;
3844
flex: 50%;
3945
width: auto;
@@ -83,7 +89,7 @@
8389
.flight {
8490
font-family: "SourceSansPro";
8591
font-weight: 800;
86-
font-size: 12px;
92+
font-size: 14px;
8793
color: white;
8894
width: 100%;
8995
display: block;
@@ -93,7 +99,7 @@
9399
.airport {
94100
font-family: "SourceSansPro";
95101
font-weight: 500;
96-
font-size: 12px;
102+
font-size: 14px;
97103
color: white;
98104
width: 100%;
99105
display: block;
@@ -103,7 +109,7 @@
103109
.pickup-location {
104110
font-family: "SourceSansPro";
105111
font-weight: 500;
106-
font-size: 12px;
112+
font-size: 14px;
107113
color: white;
108114
width: 100%;
109115
display: block;
@@ -130,7 +136,7 @@
130136
}
131137

132138
.redeemed-stamp {
133-
height: 55%;
134-
margin-top: 100%;
135-
margin-left: 34%;
139+
height: 56%;
140+
margin-top: 45%;
141+
margin-left: 15%;
136142
}

‎examples/AliPay/Pickup/shared.css

+15-9
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
html {
2+
min-height: 10px;
3+
}
4+
body {
5+
min-height: 10px;
6+
}
17
.time {
28
font-family: "SourceSansPro";
39
font-weight: lighter;
@@ -14,11 +20,11 @@
1420
.ticket {
1521
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzQ0cHgiIGhlaWdodD0iMTg0cHgiIHZpZXdCb3g9IjAgMCAzNDQgMTg0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MSAoODk1ODEpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iR3JhZGllbnQiIGdyYWRpZW50VHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KCSAgICAgIDxzdG9wIG9mZnNldD0iNSUiICBzdG9wLWNvbG9yPSIjMTk0NURFIiAvPgoJICAgICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiMyRkEzRUEiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ2FyZHMvQ29udGVudC9QaWNrdXAiIGZpbGw9InVybCgjR3JhZGllbnQpIj4KICAgICAgICAgICAgPHBhdGggZD0iTS00LjI2MzI1NjQxZS0xNCwxNiBDLTQuMzcxNDczMDFlLTE0LDcuMTYzNDQ0IDcuMTYzNDQ0LDEuNjIzMjQ5ZS0xNSAxNiwwIEwzMjgsMCBDMzM2LjgzNjU1NiwtMS42MjMyNDllLTE1IDM0NCw3LjE2MzQ0NCAzNDQsMTYgTDM0NCw3NyBDMzM1LjcxNTcyOSw3NyAzMjksODMuNzE1NzI4OCAzMjksOTIgQzMyOSwxMDAuMjg0MjcxIDMzNS43MTU3MjksMTA3IDM0NCwxMDcgTDM0NCwxMDcgTDM0NCwxNjggQzM0NCwxNzYuODM2NTU2IDMzNi44MzY1NTYsMTg0IDMyOCwxODQgTDE2LDE4NCBDNy4xNjM0NDQsMTg0IC00LjE1NTAzOTgxZS0xNCwxNzYuODM2NTU2IC00LjI2MzI1NjQxZS0xNCwxNjggTC00LjI2MzI1NjQxZS0xNCwxMDcgTDAuMzEzODI4MTUzLDEwNi45OTY3ODIgQzguNDUzMjEzNjMsMTA2LjgyOTczIDE1LDEwMC4xNzk0MDcgMTUsOTIgQzE1LDgzLjcxNTcyODggOC4yODQyNzEyNSw3NyAtNC4yNjMyNTY0MWUtMTQsNzcgTC00LjI2MzI1NjQxZS0xNCw3NyBMLTQuMjYzMjU2NDFlLTE0LDE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
1622
border-radius: 15px;
17-
display: flex;
1823
flex-direction: column;
19-
background-size: cover;
24+
background-size: contain;
2025
width: 100%;
2126
background-repeat: no-repeat;
27+
height: 52.7vw;
2228
}
2329
.ticketname {
2430
font-family: "SourceSansPro";
@@ -33,6 +39,7 @@
3339
.bottom-section {
3440
display: block;
3541
padding-left: 12%;
42+
padding-top: 7%;
3643
align-items: center;
3744
flex: 50%;
3845
width: auto;
@@ -64,7 +71,6 @@
6471
display: block;
6572
padding-top: 3%;
6673
margin-left: 5%;
67-
6874
}
6975
.top-section {
7076
display: flex;
@@ -82,7 +88,7 @@
8288
.flight {
8389
font-family: "SourceSansPro";
8490
font-weight: 800;
85-
font-size: 12px;
91+
font-size: 14px;
8692
color: white;
8793
width: 100%;
8894
display: block;
@@ -92,7 +98,7 @@
9298
.airport {
9399
font-family: "SourceSansPro";
94100
font-weight: 500;
95-
font-size: 12px;
101+
font-size: 14px;
96102
color: white;
97103
width: 100%;
98104
display: block;
@@ -102,7 +108,7 @@
102108
.pickup-location {
103109
font-family: "SourceSansPro";
104110
font-weight: 500;
105-
font-size: 12px;
111+
font-size: 14px;
106112
color: white;
107113
width: 100%;
108114
display: block;
@@ -130,7 +136,7 @@
130136
}
131137

132138
.redeemed-stamp {
133-
height: 60%;
134-
margin-top: 58%;
135-
margin-left: 28%;
139+
height: 56%;
140+
margin-top: 45%;
141+
margin-left: 15%;
136142
}

‎examples/AliPay/Summit/shared.css

+8-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
html {
2+
min-height: 10px;
3+
}
4+
body {
5+
min-height: 10px;
6+
}
17
.time {
28
font-family: "SourceSansPro";
39
font-weight: lighter;
@@ -14,11 +20,11 @@
1420
.ticket {
1521
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzQ0cHgiIGhlaWdodD0iMTg0cHgiIHZpZXdCb3g9IjAgMCAzNDQgMTg0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MSAoODk1ODEpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iR3JhZGllbnQiIGdyYWRpZW50VHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KCSAgICAgIDxzdG9wIG9mZnNldD0iNSUiICBzdG9wLWNvbG9yPSIjRjNBNDM1IiAvPgoJICAgICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNGQTQ1MzAiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ2FyZHMvQ29udGVudC9QaWNrdXAiIGZpbGw9InVybCgjR3JhZGllbnQpIj4KICAgICAgICAgICAgPHBhdGggZD0iTS00LjI2MzI1NjQxZS0xNCwxNiBDLTQuMzcxNDczMDFlLTE0LDcuMTYzNDQ0IDcuMTYzNDQ0LDEuNjIzMjQ5ZS0xNSAxNiwwIEwzMjgsMCBDMzM2LjgzNjU1NiwtMS42MjMyNDllLTE1IDM0NCw3LjE2MzQ0NCAzNDQsMTYgTDM0NCw3NyBDMzM1LjcxNTcyOSw3NyAzMjksODMuNzE1NzI4OCAzMjksOTIgQzMyOSwxMDAuMjg0MjcxIDMzNS43MTU3MjksMTA3IDM0NCwxMDcgTDM0NCwxMDcgTDM0NCwxNjggQzM0NCwxNzYuODM2NTU2IDMzNi44MzY1NTYsMTg0IDMyOCwxODQgTDE2LDE4NCBDNy4xNjM0NDQsMTg0IC00LjE1NTAzOTgxZS0xNCwxNzYuODM2NTU2IC00LjI2MzI1NjQxZS0xNCwxNjggTC00LjI2MzI1NjQxZS0xNCwxMDcgTDAuMzEzODI4MTUzLDEwNi45OTY3ODIgQzguNDUzMjEzNjMsMTA2LjgyOTczIDE1LDEwMC4xNzk0MDcgMTUsOTIgQzE1LDgzLjcxNTcyODggOC4yODQyNzEyNSw3NyAtNC4yNjMyNTY0MWUtMTQsNzcgTC00LjI2MzI1NjQxZS0xNCw3NyBMLTQuMjYzMjU2NDFlLTE0LDE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
1622
border-radius: 15px;
17-
display: flex;
1823
flex-direction: column;
19-
background-size: cover;
24+
background-size: contain;
2025
width: 100%;
2126
background-repeat: no-repeat;
27+
height: 52.7vw;
2228
}
2329
.ticketname {
2430
font-family: "SourceSansPro";

‎examples/AliPay/Tour Package A/shared.css

+15-8
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
html {
2+
min-height: 10px;
3+
}
4+
body {
5+
min-height: 10px;
6+
}
17
.time {
28
font-family: "SourceSansPro";
39
font-weight: lighter;
@@ -14,11 +20,11 @@
1420
.ticket {
1521
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzQ0cHgiIGhlaWdodD0iMTg0cHgiIHZpZXdCb3g9IjAgMCAzNDQgMTg0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MSAoODk1ODEpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iR3JhZGllbnQiIGdyYWRpZW50VHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KCSAgICAgIDxzdG9wIG9mZnNldD0iNSUiICBzdG9wLWNvbG9yPSIjMDZBNDkxIiAvPgoJICAgICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiMxNERFNEEiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ2FyZHMvQ29udGVudC9QaWNrdXAiIGZpbGw9InVybCgjR3JhZGllbnQpIj4KICAgICAgICAgICAgPHBhdGggZD0iTS00LjI2MzI1NjQxZS0xNCwxNiBDLTQuMzcxNDczMDFlLTE0LDcuMTYzNDQ0IDcuMTYzNDQ0LDEuNjIzMjQ5ZS0xNSAxNiwwIEwzMjgsMCBDMzM2LjgzNjU1NiwtMS42MjMyNDllLTE1IDM0NCw3LjE2MzQ0NCAzNDQsMTYgTDM0NCw3NyBDMzM1LjcxNTcyOSw3NyAzMjksODMuNzE1NzI4OCAzMjksOTIgQzMyOSwxMDAuMjg0MjcxIDMzNS43MTU3MjksMTA3IDM0NCwxMDcgTDM0NCwxMDcgTDM0NCwxNjggQzM0NCwxNzYuODM2NTU2IDMzNi44MzY1NTYsMTg0IDMyOCwxODQgTDE2LDE4NCBDNy4xNjM0NDQsMTg0IC00LjE1NTAzOTgxZS0xNCwxNzYuODM2NTU2IC00LjI2MzI1NjQxZS0xNCwxNjggTC00LjI2MzI1NjQxZS0xNCwxMDcgTDAuMzEzODI4MTUzLDEwNi45OTY3ODIgQzguNDUzMjEzNjMsMTA2LjgyOTczIDE1LDEwMC4xNzk0MDcgMTUsOTIgQzE1LDgzLjcxNTcyODggOC4yODQyNzEyNSw3NyAtNC4yNjMyNTY0MWUtMTQsNzcgTC00LjI2MzI1NjQxZS0xNCw3NyBMLTQuMjYzMjU2NDFlLTE0LDE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
1622
border-radius: 15px;
17-
display: flex;
1823
flex-direction: column;
19-
background-size: cover;
24+
background-size: contain;
2025
width: 100%;
2126
background-repeat: no-repeat;
27+
height: 52.7vw;
2228
}
2329
.ticketname {
2430
font-family: "SourceSansPro";
@@ -33,6 +39,7 @@
3339
.bottom-section {
3440
display: block;
3541
padding-left: 12%;
42+
padding-top: 7%;
3643
align-items: center;
3744
flex: 50%;
3845
width: auto;
@@ -82,7 +89,7 @@
8289
.flight {
8390
font-family: "SourceSansPro";
8491
font-weight: 800;
85-
font-size: 12px;
92+
font-size: 14px;
8693
color: white;
8794
width: 100%;
8895
display: block;
@@ -92,7 +99,7 @@
9299
.airport {
93100
font-family: "SourceSansPro";
94101
font-weight: 500;
95-
font-size: 12px;
102+
font-size: 14px;
96103
color: white;
97104
width: 100%;
98105
display: block;
@@ -102,7 +109,7 @@
102109
.pickup-location {
103110
font-family: "SourceSansPro";
104111
font-weight: 500;
105-
font-size: 12px;
112+
font-size: 14px;
106113
color: white;
107114
width: 100%;
108115
display: block;
@@ -130,7 +137,7 @@
130137
}
131138

132139
.redeemed-stamp {
133-
height: 60%;
134-
margin-top: 58%;
135-
margin-left: 28%;
140+
height: 56%;
141+
margin-top: 45%;
142+
margin-left: 15%;
136143
}

0 commit comments

Comments
 (0)