AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 无编辑摘要 |
||
| 第1行: | 第1行: | ||
.player-card { | .player-card { | ||
max-width: | max-width: 220px; | ||
border-radius: | border-radius: 24px; | ||
float: right; | float: right; | ||
width: 100%; | width: 100%; | ||
box-shadow: var(--box-shadow-dialog); | box-shadow: var(--box-shadow-dialog); | ||
margin: 0 0 var(--space-lg) var(--space-lg); | margin: 0 0 var(--space-lg) var(--space-lg); | ||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
| 第32行: | 第30行: | ||
color: white; | color: white; | ||
font-size: 22px; | font-size: 22px; | ||
} | } | ||
| 第65行: | 第62行: | ||
.player-card__foreground { | .player-card__foreground { | ||
padding: 15px; | |||
position: relative; | position: relative; | ||
} | } | ||
2024年4月7日 (日) 01:05的版本
.player-card {
max-width: 220px;
border-radius: 24px;
float: right;
width: 100%;
box-shadow: var(--box-shadow-dialog);
margin: 0 0 var(--space-lg) var(--space-lg);
position: relative;
overflow: hidden;
clear: right;
}
.player-card__head {
overflow: hidden;
border-radius: 50%;
width: 90px;
height: 90px;
}
.player-card__split {
background-color: white;
border-radius: 10px;
height: 3px;
width: 15%;
margin: 15px 0;
}
.player-card__nick {
margin-top: 10px;
color: white;
font-size: 22px;
}
.player-card__id {
font-size: 14px;
margin-top: 0px;
margin-bottom: 10px;
color: white;
}
.player-card__desc {
color: white;
font-size: 14px;
}
.player-card__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
filter: blur(50px);
}
.player-card__background img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: grayscale(20%);
}
.player-card__foreground {
padding: 15px;
position: relative;
}
@media (max-width: 720px) {
.player-card {
float: unset;
margin: 0 auto;
}
}