Cloned2Preserve
/
qrbtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

PNG 按钮样式调整

This commit is contained in:
ciaochaos 2020-08-31 19:40:40 +08:00
parent 2dc57dcbcd
commit d44f8144fb
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Qrcode.css
View File

@ -567,11 +567,11 @@ input[type="number"]{
} }
.div-btn { .div-btn {
white-space: nowrap;
overflow-x: hidden;
display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; width: calc((100vw - 46px) / 1);
display: flex;
display: -webkit-flex; /* Safari */
flex-wrap: wrap;
} }
.ul-btn { .ul-btn {
@ -582,7 +582,7 @@ input[type="number"]{
cursor: pointer; cursor: pointer;
font-size: 0.9em; font-size: 0.9em;
line-height: 2em; line-height: 2em;
margin: 0; margin: 0 0 10px;
width: calc((100vw - 56px) / 2); width: calc((100vw - 56px) / 2);
border-radius: 3em; border-radius: 3em;
outline: none; outline: none;
@ -603,6 +603,7 @@ input[type="number"]{
background: var(--bg-color); background: var(--bg-color);
font-family: 'Futura', sans-serif; font-family: 'Futura', sans-serif;
color: var(--input-font-color); color: var(--input-font-color);
display: inline-block;
} }
@media (min-width: 500px) { @media (min-width: 500px) {
@ -640,6 +641,7 @@ input[type="number"]{
} }
@media (min-width: 500px) { @media (min-width: 500px) {
.div-btn { .div-btn {
max-width: 410px; max-width: 410px;
} }
@ -649,6 +651,12 @@ input[type="number"]{
} }
} }
@media (min-width: 666px) {
.div-btn {
max-width: 620px;
}
}
.Qr-footer { .Qr-footer {
color: var(--footer-font-color); color: var(--footer-font-color);
margin-bottom: -1em; margin-bottom: -1em;