PlexPlaylist_UI subtree merge

feat(ui): Allow closing ConnectionModal by clicking backdrop Merge commit '9f1fe20c164a200ed795f90e3cfa60d8c985a557'
Squashed 'sample-front-end/' changes from 8ae211a..c58ef74
2025-12-04 08:11:19 +09:00 · 2025-12-04 08:11:19 +09:00
1 changed files with 8 additions and 2 deletions
@@ -141,8 +141,14 @@ const ConnectionModal: React.FC<ConnectionModalProps> = ({ isOpen, onClose, onCo
  const isConnected = !!connectedServerInfo;
  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm">
+    <div 
-      <div className="bg-gray-900 border border-gray-700 rounded-xl shadow-2xl w-full max-w-md overflow-hidden animate-in fade-in zoom-in duration-200 flex flex-col max-h-[90vh]">
+      className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm"
      onClick={onClose}
    >
      <div 
        className="bg-gray-900 border border-gray-700 rounded-xl shadow-2xl w-full max-w-md overflow-hidden animate-in fade-in zoom-in duration-200 flex flex-col max-h-[90vh]"
        onClick={(e) => e.stopPropagation()}
      >
        {/* Header */}
        <div className="px-6 py-4 bg-gray-800 border-b border-gray-700 flex items-center justify-between flex-none">