nits anchor

This commit is contained in:
Ruben Fiszel
2024-08-29 11:20:04 +02:00
parent d9b358bcc2
commit 8a3367f70d
2 changed files with 4 additions and 4 deletions
@@ -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'
}`
: ''}
>
@@ -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 @@
)}
>
<div class="bg-surface p-2 shadow-sm rounded-md flex center-center flex-col gap-2">
<Lock size={24} class="text-primary " />
<div class="text-xs">Locked. The component cannot be moved.</div>
<Anchor size={24} class="text-primary " />
<div class="text-xs">Anchored: The component cannot be moved</div>
</div>
</div>
{/if}