archive
/
AquaDX
mirror of https://github.com/hykilpikonna/AquaDX
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

fix: textarea instead of input for bio

v1-dev
Raymond 2025-02-26 19:28:57 -05:00 committed by Azalea
parent ff7abf4c41
commit 0a0f350a1d
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
AquaNet/src/app.sass
View File

@ -134,7 +134,7 @@ button.icon
.error .error
color: vars.$c-error color: vars.$c-error
input input, textarea
border-radius: vars.$border-radius border-radius: vars.$border-radius
border: 1px solid transparent border: 1px solid transparent
padding: 0.6em 1.2em padding: 0.6em 1.2em
@ -144,6 +144,10 @@ input
background-color: vars.$ov-lighter background-color: vars.$ov-lighter
transition: vars.$transition transition: vars.$transition
box-sizing: border-box box-sizing: border-box
resize: none
textarea
height: 5em
// Dropdown // Dropdown
select select

18
AquaNet/src/pages/User/Settings.svelte
View File

@ -28,8 +28,9 @@
[ 'displayName', t('settings.profile.name') ], [ 'displayName', t('settings.profile.name') ],
[ 'username', t('settings.profile.username') ], [ 'username', t('settings.profile.username') ],
[ 'password', t('settings.profile.password') ], [ 'password', t('settings.profile.password') ],
/* Neither of these did anything of importance
[ 'country', t('settings.profile.country') ], [ 'country', t('settings.profile.country') ],
[ 'profileLocation', t('settings.profile.location') ], [ 'profileLocation', t('settings.profile.location') ],*/
[ 'profileBio', t('settings.profile.bio') ], [ 'profileBio', t('settings.profile.bio') ],
] as const ] as const
@ -165,9 +166,14 @@
<div class="field"> <div class="field">
<label for={field}>{name}</label> <label for={field}>{name}</label>
<div> <div>
<input id={field} type="text" use:passwordAction={field === 'password'} {#if field == "profileBio"}
bind:value={me[field]} on:input={() => changed = [...changed, field]} <textarea id={field} bind:value={me[field]} on:input={() => changed = [...changed, field]} maxlength=255 placeholder={field === 'password' ? t('settings.profile.unchanged') : t('settings.profile.unset')}></textarea>
placeholder={field === 'password' ? t('settings.profile.unchanged') : t('settings.profile.unset')}/> {:else}
<input id={field} type="text" use:passwordAction={field === 'password'}
bind:value={me[field]} on:input={() => changed = [...changed, field]}
placeholder={field === 'password' ? t('settings.profile.unchanged') : t('settings.profile.unset')}/>
{/if}
{#if changed.includes(field) && me[field]} {#if changed.includes(field) && me[field]}
<button transition:slide={{axis: 'x'}} on:click={() => submit(field, me[field])}> <button transition:slide={{axis: 'x'}} on:click={() => submit(field, me[field])}>
{#if submitting === field} {#if submitting === field}
@ -256,7 +262,7 @@
gap: 1rem gap: 1rem
margin-top: 0.5rem margin-top: 0.5rem
> input > input, > textarea
flex: 1 flex: 1
img img
@ -266,6 +272,8 @@
object-fit: cover object-fit: cover
aspect-ratio: 1 aspect-ratio: 1
.cropper-container .cropper-container
position: relative position: relative
width: 400px width: 400px