style fixes

This commit is contained in:
dr-frmr 2024-08-14 00:07:37 +03:00
parent 652dc76063
commit 50c752455a
No known key found for this signature in database
3 changed files with 7 additions and 5 deletions

View File

@ -150,6 +150,7 @@
.error-message { .error-message {
color: var(--ansi-red); color: var(--ansi-red);
margin-top: 0.5rem; margin-top: 0.5rem;
overflow-wrap: break-word;
} }
.direct-checkbox { .direct-checkbox {

View File

@ -97,7 +97,7 @@ function CommitDotOsName({
{ {
<form className="form" onSubmit={handleCommit}> <form className="form" onSubmit={handleCommit}>
{isPending || isConfirming ? ( {isPending || isConfirming ? (
<Loader msg={isConfirming ? 'Pre-committing to chosen ID...' : 'Please confirm the transaction in your wallet'} /> <Loader msg={isConfirming ? 'Pre-committing to chosen name...' : 'Please confirm the transaction in your wallet'} />
) : ( ) : (
<> <>
<h3 className="form-label"> <h3 className="form-label">
@ -113,17 +113,18 @@ function CommitDotOsName({
type="submit" type="submit"
className="button" className="button"
> >
Register .os name Register name
</button> </button>
<p>This will confirm availability of the name and reserve it, then on the next screen you will be prompted to mint.</p>
<Link to="/reset" className="button secondary"> <Link to="/reset" className="button secondary">
Already have a dot-os-name? Already have a node?
</Link> </Link>
</div> </div>
</> </>
)} )}
{isError && ( {isError && (
<p className="error-message"> <p className="error-message">
Error: {error?.message || 'There was an error registering your dot-os-name, please try again.'} Error: {error?.message || 'There was an error registering your name, please try again.'}
</p> </p>
)} )}
</form> </form>

View File

@ -121,7 +121,7 @@ function MintDotOsName({
<> <>
<div className="button-group"> <div className="button-group">
<button type="submit" className="button"> <button type="submit" className="button">
Mint name {knsName} Mint {knsName}
</button> </button>
</div> </div>
</> </>