File tree 2 files changed +9
-13
lines changed
2 files changed +9
-13
lines changed Original file line number Diff line number Diff line change 8
8
margin : 20px auto;
9
9
}
10
10
11
- .liffIdBox {
11
+ .appInfo {
12
12
margin : 40px 0 ;
13
- width : 400px ;
14
13
display : flex;
15
14
flex-direction : column;
16
15
gap : 16px ;
17
16
}
18
17
18
+ .liffIdBox {
19
+ max-width : 400px ;
20
+ }
21
+
19
22
.qrCode {
20
23
max-width : 128px ;
21
24
height : auto;
@@ -32,12 +35,3 @@ body {
32
35
padding : 0 15px ;
33
36
}
34
37
}
35
-
36
-
37
- @media only screen and (max-width : 480px ) {
38
- .liffIdBox {
39
- width : auto;
40
- display : block;
41
- }
42
- }
43
-
Original file line number Diff line number Diff line change @@ -29,8 +29,10 @@ function App() {
29
29
This “LINE MINI App Playground” is available only in Japan.
30
30
</ div >
31
31
) : null }
32
- < div className = { styles . liffIdBox } >
33
- < Input readonly value = { `URL: ${ appUrl } ` } />
32
+ < div className = { styles . appInfo } >
33
+ < div className = { styles . liffIdBox } >
34
+ < Input readonly value = { `URL: ${ appUrl } ` } />
35
+ </ div >
34
36
< img src = { QR_IMG_MAP [ filter ] } className = { styles . qrCode } />
35
37
</ div >
36
38
< h1 > Client APIs</ h1 >
You can’t perform that action at this time.
0 commit comments