fix: prevent system-wide warning callout from making modal too wide
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:
parent
6746e44dba
commit
c892a8ce44
2 changed files with 7 additions and 5 deletions
|
|
@ -73,9 +73,11 @@ class="bg-transparent border-transparent hover:bg-transparent hover:border-trans
|
|||
instantSave id="isSystemWide" />
|
||||
</div>
|
||||
@if ($isSystemWide)
|
||||
<x-callout type="warning" title="Not Recommended">
|
||||
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 class="max-w-full">
|
||||
<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.
|
||||
</x-callout>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
<div class="flex flex-col sm:flex-row gap-2">
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@
|
|||
<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." />
|
||||
</div>
|
||||
<div x-show="showWarning" x-transition style="display: none;">
|
||||
<x-callout type="warning" title="Not Recommended">
|
||||
<div x-show="showWarning" x-transition style="display: none;" class="max-w-full">
|
||||
<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.
|
||||
</x-callout>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue