monospace font for edit countdowns

This commit is contained in:
k00b 2025-02-07 18:49:22 -06:00
parent 5c2aa979ea
commit 1e673cab77
5 changed files with 6 additions and 6 deletions

View File

@ -73,7 +73,7 @@ export function BountyForm ({
hint={
editThreshold
? (
<div className='text-muted fw-bold'>
<div className='text-muted fw-bold font-monospace'>
<Countdown date={editThreshold} />
</div>
)

View File

@ -76,7 +76,7 @@ export function DiscussionForm ({
name='text'
minRows={6}
hint={editThreshold
? <div className='text-muted fw-bold'><Countdown date={editThreshold} /></div>
? <div className='text-muted fw-bold font-monospace'><Countdown date={editThreshold} /></div>
: null}
/>
<AdvPostForm storageKeyPrefix={storageKeyPrefix} item={item} sub={sub} />

View File

@ -347,7 +347,7 @@ function EditInfo ({ item, edit, canEdit, setCanEdit, toggleEdit, editText, edit
<>
<span> \ </span>
<span
className='text-reset pointer fw-bold'
className='text-reset pointer fw-bold font-monospace'
onClick={() => toggleEdit ? toggleEdit() : router.push(`/items/${item.id}/edit`)}
>
<span>{editText || 'edit'} </span>
@ -368,7 +368,7 @@ function EditInfo ({ item, edit, canEdit, setCanEdit, toggleEdit, editText, edit
<>
<span> \ </span>
<span
className='text-reset pointer fw-bold'
className='text-reset pointer fw-bold font-monospace'
onClick={() => toggleEdit ? toggleEdit() : router.push(`/items/${item.id}`)}
>
<span>cancel </span>

View File

@ -136,7 +136,7 @@ export function LinkForm ({ item, sub, editThreshold, children }) {
autoComplete='off'
overrideValue={data?.pageTitleAndUnshorted?.unshorted}
hint={editThreshold
? <div className='text-muted fw-bold'><Countdown date={editThreshold} /></div>
? <div className='text-muted fw-bold font-monospace'><Countdown date={editThreshold} /></div>
: null}
onChange={async (formik, e) => {
const hasTitle = !!(formik?.values.title.trim().length > 0)

View File

@ -58,7 +58,7 @@ export function PollForm ({ item, sub, editThreshold, children }) {
max={MAX_POLL_NUM_CHOICES}
min={2}
hint={editThreshold
? <div className='text-muted fw-bold'><Countdown date={editThreshold} /></div>
? <div className='text-muted fw-bold font-monospace'><Countdown date={editThreshold} /></div>
: null}
maxLength={MAX_POLL_CHOICE_LENGTH}
/>