fix: hide show username interface option

This commit is contained in:
Timothy J. Baek 2024-05-18 16:11:28 -07:00
parent 8dac4e91a5
commit 9a92ae78c8
2 changed files with 22 additions and 20 deletions

View File

@ -217,27 +217,29 @@
</div> </div>
</div> </div>
<div> {#if !$settings.chatBubble}
<div class=" py-0.5 flex w-full justify-between"> <div>
<div class=" self-center text-xs font-medium"> <div class=" py-0.5 flex w-full justify-between">
{$i18n.t('Display the username instead of You in the Chat')} <div class=" self-center text-xs font-medium">
</div> {$i18n.t('Display the username instead of You in the Chat')}
</div>
<button <button
class="p-1 px-3 text-xs flex rounded transition" class="p-1 px-3 text-xs flex rounded transition"
on:click={() => { on:click={() => {
toggleShowUsername(); toggleShowUsername();
}} }}
type="button" type="button"
> >
{#if showUsername === true} {#if showUsername === true}
<span class="ml-2 self-center">{$i18n.t('On')}</span> <span class="ml-2 self-center">{$i18n.t('On')}</span>
{:else} {:else}
<span class="ml-2 self-center">{$i18n.t('Off')}</span> <span class="ml-2 self-center">{$i18n.t('Off')}</span>
{/if} {/if}
</button> </button>
</div>
</div> </div>
</div> {/if}
<div> <div>
<div class=" py-0.5 flex w-full justify-between"> <div class=" py-0.5 flex w-full justify-between">

View File

@ -18,7 +18,7 @@
} else if (size === 'md') { } else if (size === 'md') {
return 'w-[48rem]'; return 'w-[48rem]';
} else { } else {
return 'w-[50rem]'; return 'w-[52rem]';
} }
}; };