2023-02-03 21:38:14 +00:00
|
|
|
.zap {
|
2023-02-03 23:35:57 +00:00
|
|
|
min-height: unset;
|
2023-02-03 21:38:14 +00:00
|
|
|
}
|
|
|
|
|
2023-02-05 11:25:35 +00:00
|
|
|
.zap .header {
|
2023-02-05 22:44:31 +00:00
|
|
|
align-items: center;
|
2023-02-05 11:25:35 +00:00
|
|
|
flex-direction: row;
|
|
|
|
}
|
|
|
|
|
|
|
|
.zap .header .amount {
|
2023-02-10 19:23:52 +00:00
|
|
|
font-size: 24px;
|
2023-02-05 11:25:35 +00:00
|
|
|
}
|
|
|
|
|
2023-02-05 22:44:31 +00:00
|
|
|
@media (max-width: 520px) {
|
|
|
|
.zap .header .amount {
|
2023-02-10 19:23:52 +00:00
|
|
|
font-size: 16px;
|
2023-02-05 22:44:31 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-02-05 11:25:35 +00:00
|
|
|
.zap .header .pfp {
|
|
|
|
max-width: 72%;
|
|
|
|
}
|
|
|
|
|
2023-02-03 23:42:02 +00:00
|
|
|
@media (max-width: 520px) {
|
|
|
|
.zap .header .pfp {
|
|
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-02-03 21:38:14 +00:00
|
|
|
.zap .summary {
|
|
|
|
display: flex;
|
2023-02-04 15:25:37 +00:00
|
|
|
flex-direction: row;
|
2023-02-03 21:38:14 +00:00
|
|
|
}
|
|
|
|
|
2023-02-03 21:55:03 +00:00
|
|
|
.zap .amount {
|
2023-02-03 21:38:14 +00:00
|
|
|
font-size: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-zap .amount:before {
|
2023-02-07 20:04:50 +00:00
|
|
|
content: "";
|
2023-02-03 21:38:14 +00:00
|
|
|
}
|
|
|
|
|
2023-02-04 15:25:37 +00:00
|
|
|
.top-zap .summary {
|
|
|
|
color: var(--font-secondary-color);
|
|
|
|
}
|
|
|
|
|
2023-02-03 21:38:14 +00:00
|
|
|
.zaps-summary {
|
|
|
|
margin-top: 8px;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
2023-02-07 13:32:32 +00:00
|
|
|
margin-left: 56px;
|
2023-02-03 21:38:14 +00:00
|
|
|
}
|
|
|
|
|
2023-02-06 21:42:47 +00:00
|
|
|
.note.thread-root .zaps-summary {
|
|
|
|
margin-left: 14px;
|
|
|
|
}
|
|
|
|
|
2023-02-03 21:38:14 +00:00
|
|
|
.top-zap {
|
2023-02-03 21:55:03 +00:00
|
|
|
font-size: 14px;
|
2023-02-03 21:38:14 +00:00
|
|
|
border: none;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-zap .pfp {
|
2023-02-07 20:04:50 +00:00
|
|
|
margin-right: 0.3em;
|
2023-02-03 21:38:14 +00:00
|
|
|
}
|
|
|
|
|
2023-02-12 12:31:48 +00:00
|
|
|
.top-zap .summary .pfp .avatar-wrapper .avatar {
|
2023-02-07 13:32:32 +00:00
|
|
|
width: 18px;
|
|
|
|
height: 18px;
|
2023-02-03 21:38:14 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.top-zap .nip05 {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2023-02-04 15:25:37 +00:00
|
|
|
.top-zap .summary {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
2023-02-03 21:38:14 +00:00
|
|
|
.amount-number {
|
2023-02-12 12:31:48 +00:00
|
|
|
font-weight: 500;
|
2023-02-03 21:38:14 +00:00
|
|
|
}
|
2023-02-08 21:10:26 +00:00
|
|
|
|
|
|
|
.zap.note .body {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2023-02-12 18:09:15 +00:00
|
|
|
|
|
|
|
@media (max-width: 420px) {
|
|
|
|
.zap .nip05 .badge {
|
|
|
|
margin: 0 0 0 0.3em;
|
|
|
|
}
|
|
|
|
}
|