ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-12 20:35:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refac: styling

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-08-08 04:10:58 +04:00
parent d9f46baa70
commit 0b68fc0a1b
3 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/app.css
View file

@ -401,6 +401,17 @@ input[type='number'] {
}
}
.tiptap .mention {
border-radius: 0.4rem;
box-decoration-break: clone;
padding: 0.1rem 0.3rem;
@apply text-blue-900 dark:text-blue-100 bg-blue-300/20 dark:bg-blue-500/20;
}
.tiptap .mention::after {
content: '\200B';
}
.input-prose .tiptap ul[data-type='taskList'] {
list-style: none;
margin-left: 0;

6
src/lib/components/common/RichTextInput.svelte
View file

@ -967,6 +967,12 @@
Highlight,
Typography,
Mention.configure({
HTMLAttributes: {
class: 'mention'
}
}),
TableKit.configure({
table: { resizable: true }
}),

6
src/lib/components/layout/Sidebar.svelte
View file

@ -498,7 +498,7 @@
: ''} py-2 px-1.5 flex flex-col justify-between text-black dark:text-white h-full border-e border-gray-50 dark:border-gray-850"
>
<button
class="flex flex-col flex-1"
class="flex flex-col flex-1 cursor-[e-resize]"
on:click={() => {
showSidebar.set(!$showSidebar);
}}
@ -506,7 +506,7 @@
<div class="pb-1.5">
<Tooltip content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}>
<button
class=" cursor-pointer flex rounded-lg hover:bg-gray-100 dark:hover:bg-gray-850 transition group"
class=" flex rounded-lg hover:bg-gray-100 dark:hover:bg-gray-850 transition group cursor-[e-resize]"
>
<div class=" self-center flex items-center justify-center size-9">
<img
@ -712,7 +712,7 @@
</a>
<Tooltip content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}>
<button
class=" cursor-pointer flex rounded-lg hover:bg-gray-100 dark:hover:bg-gray-850 transition cursor-"
class=" flex rounded-lg hover:bg-gray-100 dark:hover:bg-gray-850 transition cursor-[w-resize]"
on:click={() => {
showSidebar.set(!$showSidebar);
}}