微件:RarityFilter：修订间差异
来自植物大战僵尸杂交版Wiki
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第4行： | 第4行： | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | justify-content: space-around; | ||
gap: 6px; | |||
margin: 15px 0; | margin: 15px 0; | ||
padding: | padding: 8px 6px; | ||
align-items: center; | align-items: center; | ||
} | } | ||
.pvzhe-rarity-btn { | .pvzhe-rarity-btn { | ||
padding: | padding: 4px 10px; | ||
border-radius: | border-radius: 16px; | ||
font-size: | font-size: 12px; | ||
cursor: pointer; | cursor: pointer; | ||
border: 2px solid transparent; | border: 2px solid transparent; | ||
background: | background: transparent; | ||
transition: all 0.2s; | transition: all 0.2s; | ||
white-space: nowrap; | white-space: nowrap; | ||
flex: 0 1 auto; | |||
} | } | ||
.pvzhe-rarity-btn:hover { border-color: #ccc; } | .pvzhe-rarity-btn:hover { border-color: #ccc; } | ||
| 第39行： | 第37行： | ||
.pvzhe-rarity-btn.original { border-color: #7B1FA2; color: #7B1FA2; } | .pvzhe-rarity-btn.original { border-color: #7B1FA2; color: #7B1FA2; } | ||
.pvzhe-rarity-btn.original.active { background: linear-gradient(135deg, #CE93D8, #AB47BC); color: #fff; } | .pvzhe-rarity-btn.original.active { background: linear-gradient(135deg, #CE93D8, #AB47BC); color: #fff; } | ||
@media screen and (max-width: 480px) { | |||
.pvzhe-rarity-btn { | |||
padding: 3px 7px; | |||
font-size: 11px; | |||
border-radius: 12px; | |||
} | |||
.pvzhe-rarity-filter { | |||
gap: 4px; | |||
padding: 6px 4px; | |||
} | |||
} | |||
</style> | </style> | ||