96 lines
1.1 KiB
CSS
96 lines
1.1 KiB
CSS
.zap {
|
|
min-height: unset;
|
|
}
|
|
|
|
.zap .header {
|
|
align-items: center;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.zap .header .amount {
|
|
font-size: 24px;
|
|
}
|
|
|
|
@media (max-width: 520px) {
|
|
.zap .header .amount {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
.zap .header .pfp {
|
|
max-width: 72%;
|
|
}
|
|
|
|
@media (max-width: 520px) {
|
|
.zap .header .pfp {
|
|
padding: 4px;
|
|
}
|
|
}
|
|
|
|
.zap .summary {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.zap .amount {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.top-zap .amount:before {
|
|
content: "";
|
|
}
|
|
|
|
.top-zap .summary {
|
|
color: var(--font-secondary-color);
|
|
}
|
|
|
|
.zaps-summary {
|
|
margin-top: 8px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-left: 56px;
|
|
}
|
|
|
|
.note.thread-root .zaps-summary {
|
|
margin-left: 14px;
|
|
}
|
|
|
|
.top-zap {
|
|
font-size: 14px;
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.top-zap .pfp {
|
|
margin-right: 0.3em;
|
|
}
|
|
|
|
.top-zap .summary .pfp .avatar-wrapper .avatar {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.top-zap .nip05 {
|
|
display: none;
|
|
}
|
|
|
|
.top-zap .summary {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
.amount-number {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.zap.note .body {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
@media (max-width: 420px) {
|
|
.zap .nip05 .badge {
|
|
margin: 0 0 0 0.3em;
|
|
}
|
|
}
|