refactor: external link modal break words (#644)

Author: alfonsobries

resources/assets/css/_alerts.css

@@ -3,13 +3,13 @@
 }
 
 .alert-icon-wrapper {
-    @apply flex w-11 h-11 items-center justify-center rounded;
+    @apply flex w-11 h-11 items-center justify-center rounded flex-shrink-0;
 }
 
 .alert-content-wrapper {
     overflow-wrap: anywhere;
 
-    @apply flex flex-col justify-center text-theme-secondary-900 pt-4 w-full text-center;
+    @apply flex flex-col justify-center text-theme-secondary-900 pt-4 w-full text-center overflow-auto;
 }
 
 @screen sm {
@@ -189,7 +189,7 @@
 .alert-simple-warning a,
 .alert-simple-error a,
 .alert-simple-danger a,
-.alert-simple-hint a  {
+.alert-simple-hint a {
     @apply font-semibold transition-default;
 }
 

resources/views/external-link-confirm.blade.php

@@ -36,7 +36,7 @@ class="w-full max-w-2xl text-left rounded-xl"
         <div class="flex flex-col mt-8 space-y-4 whitespace-normal">
             <div class="font-semibold text-theme-secondary-900">
                 <div class="alert-wrapper alert-warning">
-                    <div class="alert-icon-wrapper alert-warning-icon">
+                    <div class="alert-icon-wrapper alert-warning-icon flex-no-wrap">
                         <div class="p-1 rounded-full border-2 border-white">
                             <x-ark-icon
                                 name="exclamation-mark"
@@ -46,7 +46,7 @@ class="w-full max-w-2xl text-left rounded-xl"
                         </div>
                     </div>
                     <div class="alert-content-wrapper alert-warning-content">
-                        <span class="block leading-6 break-all" x-text="url"></span>
+                        <span class="block leading-6 break-words" x-text="url"></span>
                     </div>
                 </div>
             </div>