PLG_Development/PLG-MuDiCS
3
0
Fork 0
mirror of https://codeberg.org/PLG-Development/PLG-MuDiCS synced 2026-07-07 01:07:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Restructering and adding preview support in pinned view

Browse Source
This commit is contained in:
E44
2025-11-01 17:47:54 +01:00
parent 7420e15892
commit e7903bde09
10 changed files with 415 additions and 403 deletions
Download Patch File Download Diff File Expand all files Collapse all files
control/frontend/src/components/DisplayObject.svelte
+6 -6
View File
@@ -49,9 +49,7 @@
<div class="flex flex-row gap-4 min-w-0 flex-1">
<!-- Left Preview Screen -->
<button
class="group relative aspect-16/9 {$pinned_display_id === display.id
? 'bg-stone-800'
: 'bg-black'} h-full rounded-lg overflow-hidden cursor-pointer text-stone-200 transition-colors duration-200"
class="group relative aspect-16/9 bg-stone-800 h-full rounded-lg overflow-hidden cursor-pointer text-stone-200 transition-colors duration-200"
onmouseenter={() => (hovering_unselectable = true)}
onmouseleave={() => (hovering_unselectable = false)}
onclick={on_preview_click}
@@ -62,10 +60,12 @@
<Pin class="size-full" />
</div>
{:else if display.preview_url}
<img src={display.preview_url} alt="API-Bild" class="w-full object-cover" />
<img src={display.preview_url} alt="preview" class="w-full object-cover bg-black" />
{:else}
<!-- No Signal -->
<VideoOff class="size-[30%]" />
<div class="size-full bg-black flex justify-center items-center">
<VideoOff class="size-[30%]" />
</div>
{/if}
</div>
@@ -129,7 +129,7 @@
{
icon: Trash2,
name: 'Bildschirm löschen',
class: 'text-red-400 hover:text-stone-200 hover:!bg-red-400'
class: 'text-red-400 hover:text-stone-200 hover:!bg-red-400 active:!bg-red-500'
}
]}
>