fix: add missing css
This commit is contained in:
parent
e06c3b2e7a
commit
5a16b11b27
@ -1,9 +1,14 @@
|
||||
const intl = new Intl.NumberFormat("en", {
|
||||
minimumFractionDigits: 0,
|
||||
maximumFractionDigits: 2,
|
||||
});
|
||||
|
||||
export function formatShort(n: number) {
|
||||
if (n < 999) {
|
||||
return n
|
||||
} else if (n < 1e8) {
|
||||
return `${Math.floor(n / 1e3)}K`
|
||||
return `${intl.format(Math.floor(n / 1e3))}K`
|
||||
} else {
|
||||
return `${Math.floor(n / 1e6)}M`
|
||||
return `${intl.format(Math.floor(n / 1e6))}M`
|
||||
}
|
||||
}
|
||||
|
6
src/element/FollowsYou.css
Normal file
6
src/element/FollowsYou.css
Normal file
@ -0,0 +1,6 @@
|
||||
.follows-you {
|
||||
color: var(--font-secondary-color);
|
||||
font-size: var(--font-size-tiny);
|
||||
margin-left: .2em;
|
||||
font-weight: normal
|
||||
}
|
@ -87,8 +87,7 @@
|
||||
.reaction-pill {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 2px 10px;
|
||||
border-radius: 10px;
|
||||
padding: 0px 10px;
|
||||
user-select: none;
|
||||
color: var(--font-secondary-color);
|
||||
}
|
||||
|
@ -108,7 +108,7 @@ export default function NoteFooter(props: NoteFooterProps) {
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div className="reaction-pill" onClick={(e) => setReply(s => !s)}>
|
||||
<div className={`reaction-pill ${reply ? 'reacted' : ''}`} onClick={(e) => setReply(s => !s)}>
|
||||
<div className="reaction-pill-icon">
|
||||
<FontAwesomeIcon icon={faReply} />
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user