Improve settings UI

This commit is contained in:
the1812 2020-10-06 12:51:56 +08:00
parent 8782ff9a76
commit 1d281cc29a
8 changed files with 20 additions and 19 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -120,7 +120,7 @@
"full-tweets-title.min.js": "DD57BB732ABEF7739CA84AEFF97E86F8984FCC4A8A75B957213622350B2A7C37",
"gbk.min.js": "872D7A4562F13A539C4A9AF1825DE89E610C775F1AD026EA6986A80DD74E4B53",
"get-number.min.js": "7B81A45D0F7D7F68CC6EDE25E02FCD76F8A05B2CF29274F94A99980BB23D8B76",
"gui-settings.min.css": "D292B96FC2EC07C1D7438C419938A4999F3BE82B6D214136089434984578954D",
"gui-settings.min.css": "43D9A58D8EED7A2C9EE24C1E2B0F310082B5E9E3E42C69ED30A3E0DBB6332044",
"gui-settings.min.html": "D223BF882657CA6DE6B1D637687D2EB4F1ABC201423505C92C015C6FCF426FF1",
"gui-settings.min.js": "71BAC55666E24A60DE834AC09A135908C549870DA2B51549CD1C95A8C7A8FFBC",
"haruna-scale.min.js": "FD079C86741F614FD63E733CF9B7B896A7D20110754815A540F3341D4DC252B2",

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -32,7 +32,7 @@
opacity: 1;
transform-origin: center !important;
transform: translateX(-16px);
background-color: #dddc;
background-color: #eeec;
border-radius: 0 50% 50% 0;
padding: 6px;
box-sizing: content-box;
@ -42,7 +42,7 @@
transform: rotate(0deg);
}
body.dark & {
background-color: rgba(0, 0, 0, 0.3);
background-color: #5555;
}
&:hover {
opacity: 1;
@ -654,17 +654,16 @@ li.category.folded i.icon-arrow {
.gui-settings-flat-button {
width: auto;
white-space: nowrap;
padding: 8px 16px;
background: #8882;
border: none;
color: black;
border: 2px solid #8882;
margin: 4px 0;
border-radius: 8px;
padding: 8px 12px 8px 8px;
color: inherit;
background-color: transparent;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: 10pt;
flex: 0 0 auto;
margin: 4px;
border-radius: 20px;
box-shadow: #0004 0 2px 4px;
height: 40px;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent !important;
@ -674,10 +673,11 @@ li.category.folded i.icon-arrow {
cursor: not-allowed;
}
&:hover:not(:disabled) {
background: #8884;
background: #8882;
color: inherit;
}
&:active:not(:disabled) {
border-bottom-color: var(--theme-color);
background: #8883;
}
&:focus {
outline: none;
@ -686,6 +686,7 @@ li.category.folded i.icon-arrow {
margin-right: 8px;
line-height: 24px;
height: 24px;
opacity: .75;
}
.popup {