tiennm99/coolify
1
0
Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-09-04 10:16:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): align deployment indicator with collapsed sidebar

Browse Source 
Move the deployments indicator inside the app layout state scope so it can react to the sidebar collapsed state, and add a layout test covering the responsive positioning.
This commit is contained in:
Andras Bacsai
2026-05-11 16:25:15 +02:00
parent 6ee75cfa65
commit d96e253230
4 changed files with 23 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/deployments-indicator.blade.php
+2 -1
View File
@@ -1,7 +1,8 @@
<div wire:poll.3000ms x-data="{
expanded: @entangle('expanded'),
reduceOpacity: @js($this->shouldReduceOpacity)
}" class="fixed bottom-0 z-60 mb-4 left-0 lg:left-56 ml-4">
}" class="fixed bottom-0 left-0 z-60 mb-4 ml-4 transition-[left] duration-200"
:class="collapsed ? 'lg:left-16' : 'lg:left-56'">
@if ($this->deploymentCount > 0)
<div class="relative transition-opacity duration-200"
:class="{ 'opacity-100': expanded || !reduceOpacity, 'opacity-60 hover:opacity-100': reduceOpacity && !expanded }">