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) {
|
export function formatShort(n: number) {
|
||||||
if (n < 999) {
|
if (n < 999) {
|
||||||
return n
|
return n
|
||||||
} else if (n < 1e8) {
|
} else if (n < 1e8) {
|
||||||
return `${Math.floor(n / 1e3)}K`
|
return `${intl.format(Math.floor(n / 1e3))}K`
|
||||||
} else {
|
} 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 {
|
.reaction-pill {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
padding: 2px 10px;
|
padding: 0px 10px;
|
||||||
border-radius: 10px;
|
|
||||||
user-select: none;
|
user-select: none;
|
||||||
color: var(--font-secondary-color);
|
color: var(--font-secondary-color);
|
||||||
}
|
}
|
||||||
|
@ -108,7 +108,7 @@ export default function NoteFooter(props: NoteFooterProps) {
|
|||||||
</div>
|
</div>
|
||||||
</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">
|
<div className="reaction-pill-icon">
|
||||||
<FontAwesomeIcon icon={faReply} />
|
<FontAwesomeIcon icon={faReply} />
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user