Kieran
/
snort
5
14
Fork 14
Code Issues 53 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

Update form groups to use card styles like preferences page

This commit is contained in:
w3irdrobot 2023-02-24 13:21:36 -05:00
parent d74af4b323
commit 9c5e386444
Signed by: w3irdrobot
GPG Key ID: 3E6DBBB622F3155C
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/app/src/Pages/settings/Profile.tsx
View File

@ -109,7 +109,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) {
function editor() { function editor() {
return ( return (
<div className="editor form"> <div className="editor form">
<div className="form-group"> <div className="form-group card">
<div> <div>
<FormattedMessage {...messages.Name} />: <FormattedMessage {...messages.Name} />:
</div> </div>
@ -117,7 +117,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) {
<input type="text" value={name} onChange={e => setName(e.target.value)} /> <input type="text" value={name} onChange={e => setName(e.target.value)} />
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group card">
<div> <div>
<FormattedMessage {...messages.DisplayName} />: <FormattedMessage {...messages.DisplayName} />:
</div> </div>
@ -125,7 +125,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) {
<input type="text" value={displayName} onChange={e => setDisplayName(e.target.value)} /> <input type="text" value={displayName} onChange={e => setDisplayName(e.target.value)} />
</div> </div>
</div> </div>
<div className="form-group form-col"> <div className="form-group card">
<div> <div>
<FormattedMessage {...messages.About} />: <FormattedMessage {...messages.About} />:
</div> </div>
@ -133,7 +133,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) {
<textarea className="w-max" onChange={e => setAbout(e.target.value)} value={about}></textarea> <textarea className="w-max" onChange={e => setAbout(e.target.value)} value={about}></textarea>
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group card">
<div> <div>
<FormattedMessage {...messages.Website} />: <FormattedMessage {...messages.Website} />:
</div> </div>
@ -141,7 +141,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) {
<input type="text" value={website} onChange={e => setWebsite(e.target.value)} /> <input type="text" value={website} onChange={e => setWebsite(e.target.value)} />
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group card">
<div> <div>
<FormattedMessage {...messages.Nip05} />: <FormattedMessage {...messages.Nip05} />:
</div> </div>
@ -153,7 +153,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) {
</button> </button>
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group card">
<div> <div>
<FormattedMessage {...messages.LnAddress} />: <FormattedMessage {...messages.LnAddress} />:
</div> </div>
@ -161,7 +161,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) {
<input type="text" value={lud16} onChange={e => setLud16(e.target.value)} /> <input type="text" value={lud16} onChange={e => setLud16(e.target.value)} />
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group card">
<div></div> <div></div>
<div> <div>
<button type="button" onClick={() => saveProfile()}> <button type="button" onClick={() => saveProfile()}>