tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Projects 1 Releases 2 Packages 1 Activity Actions

refac: styling

Browse source
This commit is contained in:
Timothy J. Baek 2024-04-07 00:31:59 -07:00
parent 3e1c679f2d
commit 073aecd427
1 changed files with 85 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/lib/components/chat/Settings/Account.svelte
View file

@ -134,6 +134,9 @@
}} }}
/> />
<div class="space-y-1">
<!-- <div class=" text-sm font-medium">{$i18n.t('Account')}</div> -->
<div class="flex space-x-5"> <div class="flex space-x-5">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="self-center mt-2"> <div class="self-center mt-2">
@ -170,12 +173,12 @@
</div> </div>
</div> </div>
<div class="flex-1 flex flex-col self-center"> <div class="flex-1 flex flex-col self-center gap-0.5">
<div class=" font-medium mb-1.5">{$i18n.t('Profile Image')}</div> <div class=" mb-0.5 text-sm font-medium">{$i18n.t('Profile Image')}</div>
<div> <div>
<button <button
class=" text-xs text-center text-gray-800 dark:text-gray-400 rounded-lg px-4 py-1 bg-gray-100 dark:bg-gray-850" class=" text-xs text-center text-gray-800 dark:text-gray-400 rounded-full px-4 py-0.5 bg-gray-100 dark:bg-gray-850"
on:click={async () => { on:click={async () => {
if (canvasPixelTest()) { if (canvasPixelTest()) {
profileImageUrl = generateInitialsImage(name); profileImageUrl = generateInitialsImage(name);
@ -193,7 +196,7 @@
> >
<button <button
class=" text-xs text-center text-gray-800 dark:text-gray-400 rounded-lg px-4 py-1 bg-gray-100 dark:bg-gray-850" class=" text-xs text-center text-gray-800 dark:text-gray-400 rounded-full px-4 py-0.5 bg-gray-100 dark:bg-gray-850"
on:click={async () => { on:click={async () => {
const url = await getGravatarUrl($user.email); const url = await getGravatarUrl($user.email);
@ -202,7 +205,7 @@
> >
<button <button
class=" text-xs text-center text-gray-800 dark:text-gray-400 rounded-lg px-4 py-1 bg-gray-100 dark:bg-gray-850" class=" text-xs text-center text-gray-800 dark:text-gray-400 rounded-lg px-2 py-1"
on:click={async () => { on:click={async () => {
profileImageUrl = '/user.png'; profileImageUrl = '/user.png';
}}>{$i18n.t('Remove')}</button }}>{$i18n.t('Remove')}</button
@ -211,9 +214,9 @@
</div> </div>
</div> </div>
<div class="flex-1"> <div class="pt-0.5">
<div class="flex flex-col w-full"> <div class="flex flex-col w-full">
<div class=" mb-1 text-xs text-gray-500">{$i18n.t('Name')}</div> <div class=" mb-1 text-xs font-medium">{$i18n.t('Name')}</div>
<div class="flex-1"> <div class="flex-1">
<input <input
@ -225,6 +228,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="py-0.5"> <div class="py-0.5">
<UpdatePassword /> <UpdatePassword />