style: 样式调整

This commit is contained in:
fofolee 2021-01-15 22:53:49 +08:00
parent d9430f36ba
commit f346fce8b8

View File

@ -23,12 +23,6 @@ body {
user-select: none; user-select: none;
} }
#options * {
font-size: 15px;
font-family: consolas, monaco, "微软雅黑";
box-sizing: border-box;
}
#options .switch-btn { #options .switch-btn {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -58,8 +52,8 @@ body {
border-radius: inherit; border-radius: inherit;
color: #fff; color: #fff;
display: block; display: block;
font-size: 15px; font-size: 12px;
width: 60px; width: 57px;
height: inherit; height: inherit;
position: relative; position: relative;
text-transform: uppercase; text-transform: uppercase;
@ -118,7 +112,7 @@ body {
#options .toggle-btn { #options .toggle-btn {
background: linear-gradient(#eee, #fafafa); background: linear-gradient(#eee, #fafafa);
border-radius: 5px; border-radius: 5px;
height: 28px; height: 30px;
left: 1px; left: 1px;
position: absolute; position: absolute;
top: 1px; top: 1px;
@ -252,6 +246,7 @@ body {
line-height: 28px; line-height: 28px;
width: auto; width: auto;
border-radius: 4px; border-radius: 4px;
margin: 0px 5px;
} }
#options #customize #charset.robot { #options #customize #charset.robot {
@ -285,16 +280,21 @@ body {
#options .footBtn { #options .footBtn {
background: #02b340; background: #02b340;
color: white; color: rgba(255, 255, 255, 0);
padding: 2px 5px; padding: 1px 5px;
margin: 0px 5px; margin: 0px 5px;
height: 25px; height: 25px;
width: 25px; width: 25px;
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
box-sizing: border-box;
overflow: hidden; overflow: hidden;
} }
#options #addToPanel.footBtn{
filter: grayscale(1);
}
#options .footBtn img{ #options .footBtn img{
width: 15px; width: 15px;
vertical-align: middle; vertical-align: middle;
@ -307,7 +307,8 @@ body {
#options .footBtn:hover { #options .footBtn:hover {
background: #068506; background: #068506;
height: 110px; color: white;
height: 105px;
border-radius: 4px; border-radius: 4px;
transition: 0.2s; transition: 0.2s;
} }
@ -356,6 +357,10 @@ body {
background-color: #c7c5c5; background-color: #c7c5c5;
} }
#options .sidebar .panelTag {
color: #02b340;
}
/* #options td span { /* #options td span {
margin-right: 10px; margin-right: 10px;
} */ } */
@ -455,8 +460,9 @@ body {
border-top: 0px; border-top: 0px;
border-left: 0px; border-left: 0px;
border-right: 0px; border-right: 0px;
font-size: 15px; font-size: 14px;
margin-left: 10px; margin-left: 5px;
color: #444444;
padding-left: 8px; padding-left: 8px;
outline: none; outline: none;
} }
@ -481,12 +487,12 @@ body {
} }
#options #customize input#scptarg { #options #customize input#scptarg {
width: 150px; width: 140px;
float: right; float: right;
background: white; background: white;
outline: none; outline: none;
border: 2px solid #3085d6; border: 2px solid #3085d6;
height: 28px; height: 20px;
border-radius: 4px; border-radius: 4px;
padding: 2px 5px; padding: 2px 5px;
margin: 0px 5px; margin: 0px 5px;
@ -969,3 +975,37 @@ li.CodeMirror-hint {
.swal2-input { .swal2-input {
text-align: center; text-align: center;
} }
#quickpanel img {
max-width: 60px;
max-height: 60px;
padding: 20px 30px;
border-radius: 50%;
cursor: pointer;
user-select: none;
}
#quickpanel img:hover {
box-shadow: 0px 3px 3px 0px #BDBDBD;
transition: 0.5s;
}
#quickpanel {
padding: 10px 20px;
text-align: center;
}
#quickpanel .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 120px;
user-select: none;
color: #757575;
}
#quickpanel .widebutton {
width: 80%;
height: 3rem;
margin: 5px
}