highperfocused/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-04-01 00:19:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Using disabled attribute for elements is common

Browse Source
This commit is contained in:
hurxxxx 2025-03-09 00:12:37 +09:00
parent 851931fdf6
commit 40257afeed
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/common/Checkbox.svelte
View File

@ -4,7 +4,7 @@
export let state = 'unchecked';
export let indeterminate = false;
export let enabled = true;
export let disabled = false;
let _state = 'unchecked';
@ -15,9 +15,9 @@
class=" outline -outline-offset-1 outline-[1.5px] outline-gray-200 dark:outline-gray-600 {state !==
'unchecked'
? 'bg-black outline-black '
: 'hover:outline-gray-500 hover:bg-gray-50 dark:hover:bg-gray-800'} text-white transition-all rounded-sm inline-block w-3.5 h-3.5 relative {!enabled ? 'opacity-50 cursor-not-allowed' : ''}"
: 'hover:outline-gray-500 hover:bg-gray-50 dark:hover:bg-gray-800'} text-white transition-all rounded-sm inline-block w-3.5 h-3.5 relative {disabled ? 'opacity-50 cursor-not-allowed' : ''}"
on:click={() => {
if (!enabled) return;
if (disabled) return;
if (_state === 'unchecked') {
_state = 'checked';
@ -33,7 +33,7 @@
}
}}
type="button"
disabled={!enabled}
{disabled}
>
<div class="top-0 left-0 absolute w-full flex justify-center">
{#if _state === 'checked'}

2
src/lib/components/workspace/Models/FiltersSelector.svelte
View File

@ -40,7 +40,7 @@
<div class="self-center flex items-center">
<Checkbox
state={_filters[filter].is_global ? 'checked' : (_filters[filter].selected ? 'checked' : 'unchecked')}
enabled={!_filters[filter].is_global}
disabled={_filters[filter].is_global}
on:change={(e) => {
if (!_filters[filter].is_global) {
_filters[filter].selected = e.detail === 'checked';