diff --git a/frontend/src/lib/components/apps/editor/SubGridEditor.svelte b/frontend/src/lib/components/apps/editor/SubGridEditor.svelte index 8c026d13a2..b1a6f282a8 100644 --- a/frontend/src/lib/components/apps/editor/SubGridEditor.svelte +++ b/frontend/src/lib/components/apps/editor/SubGridEditor.svelte @@ -92,7 +92,7 @@ ? `animate-border border-dashed border-2 min-h-full ${ isActive && !$selectedComponent?.includes(id) ? 'border-orange-600' - : 'border-gray-600' + : 'dark:border-gray-600 border-gray-400' }` : ''} > diff --git a/frontend/src/lib/components/apps/editor/component/Component.svelte b/frontend/src/lib/components/apps/editor/component/Component.svelte index 4d52722bc2..fdb2cee4be 100644 --- a/frontend/src/lib/components/apps/editor/component/Component.svelte +++ b/frontend/src/lib/components/apps/editor/component/Component.svelte @@ -8,7 +8,6 @@ import type { AppEditorContext, AppViewerContext } from '../../types' import ComponentHeader from '../ComponentHeader.svelte' import type { AppComponent } from './components' - import { Lock } from 'lucide-svelte' import AppMultiSelect from '../../components/inputs/AppMultiSelect.svelte' import AppMultiSelectV2 from '../../components/inputs/AppMultiSelectV2.svelte' @@ -81,6 +80,7 @@ import AppDisplayComponentByJobId from '../../components/display/AppRecomputeAll.svelte' import AppRecomputeAll from '../../components/display/AppRecomputeAll.svelte' import AppUserResource from '../../components/inputs/AppUserResource.svelte' + import { Anchor } from 'lucide-svelte' export let component: AppComponent export let selected: boolean @@ -147,8 +147,8 @@ )} >
- -
Locked. The component cannot be moved.
+ +
Anchored: The component cannot be moved
{/if}