rosslh/coolify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: prevent system-wide warning callout from making modal too wide

Browse source 
Added max-width constraints and word breaking to ensure the warning
callout text wraps properly within modal constraints instead of
expanding the modal width excessively.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Andras Bacsai 2025-10-25 10:56:42 +02:00
parent 6746e44dba
commit c892a8ce44
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
resources/views/livewire/source/github/change.blade.php
View file

@ -73,9 +73,11 @@ class="bg-transparent border-transparent hover:bg-transparent hover:border-trans
instantSave id="isSystemWide" /> instantSave id="isSystemWide" />
</div> </div>
@if ($isSystemWide) @if ($isSystemWide)
<x-callout type="warning" title="Not Recommended"> <div class="max-w-full">
System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead. <x-callout type="warning" title="Not Recommended" class="break-words">
</x-callout> System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead.
</x-callout>
</div>
@endif @endif
@endif @endif
<div class="flex flex-col sm:flex-row gap-2"> <div class="flex flex-col sm:flex-row gap-2">

4
resources/views/livewire/source/github/create.blade.php
View file

@ -14,8 +14,8 @@
<x-forms.checkbox id="is_system_wide" label="System Wide" <x-forms.checkbox id="is_system_wide" label="System Wide"
helper="If checked, this GitHub App will be available for everyone in this Coolify instance." /> helper="If checked, this GitHub App will be available for everyone in this Coolify instance." />
</div> </div>
<div x-show="showWarning" x-transition style="display: none;"> <div x-show="showWarning" x-transition style="display: none;" class="max-w-full">
<x-callout type="warning" title="Not Recommended"> <x-callout type="warning" title="Not Recommended" class="break-words">
System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead. System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead.
</x-callout> </x-callout>
</div> </div>