微件:RarityFilter：修订间差异
来自植物大战僵尸杂交版Wiki
更多操作
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的1个中间版本） | |||
| 第11行： | 第11行： | ||
} | } | ||
.pvzhe-rarity-btn { | .pvzhe-rarity-btn { | ||
padding: | padding: 10px 10px; | ||
border-radius: 20px; | border-radius: 20px; | ||
font-size: | font-size: 18px; | ||
cursor: pointer; | cursor: pointer; | ||
border: 2px solid transparent; | border: 2px solid transparent; | ||
| 第21行： | 第21行： | ||
flex: 0 1 auto; | flex: 0 1 auto; | ||
display: flex; | display: flex; | ||
flex-direction: column; | |||
align-items: center; | align-items: center; | ||
gap: | gap: 2px; | ||
} | } | ||
.pvzhe-rarity-btn:hover { border-color: #ccc; } | .pvzhe-rarity-btn:hover { border-color: #ccc; } | ||
| 第28行： | 第29行： | ||
.pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; } | .pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; } | ||
.pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; } | .pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; } | ||
.pvzhe-rarity-btn img { height: | .pvzhe-rarity-btn img { height: 50px; } | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
.pvzhe-rarity-btn { | .pvzhe-rarity-btn { | ||
padding: | padding: 4px 8px; | ||
font-size: | font-size: 10px; | ||
gap: | gap: 1px; | ||
} | } | ||
.pvzhe-rarity-btn img { height: | .pvzhe-rarity-btn img { height: 24px; } | ||
.pvzhe-rarity-filter { gap: 4px; } | .pvzhe-rarity-filter { gap: 4px; } | ||
} | } | ||