小无编辑摘要 |
小无编辑摘要 |
||
第20行: | 第20行: | ||
.issues-card .image{ | .issues-card .image{ | ||
flex | flex: 0 0 48px; | ||
margin: 16px; | margin: 16px; | ||
display: flex; | display: flex; | ||
第30行: | 第30行: | ||
transform: translateX(-100px); | transform: translateX(-100px); | ||
filter: drop-shadow(100px 0px 0px #888) | filter: drop-shadow(100px 0px 0px #888) | ||
} | } | ||
2023年9月26日 (二) 17:33的最新版本
.flex-container {
display: flex;
align-items: center;
justify-content: center;
}
.issues-card {
display: flex;
margin: 0px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 6px 0px, rgba(0, 0, 0, 0.06) 0px 3px 6px 0px;
background-color: var(--color-surface-1);
}
.issues-card .image p{
margin: 0px;
height: 48px;
width: 48px;
}
.issues-card .image{
flex: 0 0 48px;
margin: 16px;
display: flex;
align-items: center;
overflow: hidden;
}
.issues-card .image img{
transform: translateX(-100px);
filter: drop-shadow(100px 0px 0px #888)
}
.issues-card .text .title {
margin: 16px 16px 0px 0px;
font-size: 18px !important;
color: var(--color-base--emphasized);
}
.issues-card .text .description {
margin: 0px 16px 16px 0px;
font-size: 14px !important;
color: var(--color-base--subtle);
}