visual improvements to register

This commit is contained in:
dr-frmr 2024-12-25 00:46:45 -05:00
parent 976b8ce5a4
commit 0574cb2a69
No known key found for this signature in database
3 changed files with 13 additions and 3 deletions

View File

@ -7,6 +7,7 @@
.form-label {
margin-bottom: 0.5rem;
font-weight: bold;
text-align: center;
}
.form-input {
@ -241,6 +242,12 @@
color: var(--off-white);
}
summary {
font-family: var(--font-family-main);
color: light-dark(var(--off-black), var(--off-white));
margin-bottom: 10px;
}
button.secondary {
width: 100%;
}
@ -250,6 +257,7 @@ button.back {
width: auto !important;
padding: 5px !important;
border: none !important;
background-color: var(--orange) !important;
}
/* Progress Bar Styles */

View File

@ -109,7 +109,10 @@ function CommitDotOsName({
</Tooltip>
</h3>
<EnterKnsName {...enterOsNameProps} />
<DirectCheckbox {...{ direct, setDirect }} />
<details>
<summary>Advanced Options</summary>
<DirectCheckbox {...{ direct, setDirect }} />
</details>
<div className="button-group">
<button
disabled={nameValidities.length !== 0 || isPending || isConfirming}
@ -118,7 +121,6 @@ function CommitDotOsName({
>
Register name
</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">
Already have a node?
</Link>

View File

@ -32,7 +32,7 @@ function KinodeHome({ knsName }: OsHomeProps) {
) : (
<>
<h2 className="text-center mb-2">Welcome to Kinode</h2>
<h4 className="text-center mb-2">New here? Register a name to get started</h4>
<h4 className="text-center mb-2">New here? Register a node to get started:</h4>
<div className="button-group">
<button onClick={registerRedir} className="button">
Register .os Name