Merge pull request #74 from BEDOLAGA-DEV/dev

Dev

src/components/ConnectionModal.tsx

@@ -262,7 +262,7 @@ export default function ConnectionModal({ onClose }: ConnectionModalProps) {
 
     // Desktop centered - positioned higher
     return (
-      <div className="fixed inset-0 bg-black/60 z-[60] flex items-start justify-center p-4 pt-[8vh]" onClick={handleClose}>
+      <div className="fixed inset-0 z-[60] flex items-start justify-center p-4 pt-[8vh]" onClick={handleClose}>
         <div
           className="relative w-full max-w-md max-h-[85vh] bg-dark-900 rounded-2xl border border-dark-700/50 shadow-2xl flex flex-col overflow-hidden"
           onClick={e => e.stopPropagation()}

src/components/TopUpModal.tsx

@@ -464,7 +464,7 @@ export default function TopUpModal({ method, onClose, initialAmountRubles }: Top
     </>
   ) : (
     <div
-      className="fixed inset-0 bg-black/60 z-[60] flex items-start justify-center p-4 pt-[10vh]"
+      className="fixed inset-0 z-[60] flex items-start justify-center p-4 pt-[10vh]"
       onClick={handleClose}
     >
       <div

src/pages/AdminBroadcasts.tsx

@@ -266,7 +266,7 @@ function CreateBroadcastModal({ onClose, onSuccess }: CreateModalProps) {
   const recipientsCount = previewMutation.data?.count ?? selectedFilter?.count ?? null
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4 overflow-y-auto">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4 overflow-y-auto">
       <div className="bg-dark-800 rounded-xl w-full max-w-2xl my-4">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -490,7 +490,7 @@ function BroadcastDetailModal({ broadcast, onClose, onStop, isStopping }: Detail
   const isRunning = ['queued', 'in_progress', 'cancelling'].includes(broadcast.status)
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-lg">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">

src/pages/AdminCampaigns.tsx

@@ -157,7 +157,7 @@ function CampaignModal({ campaign, servers, tariffs, onSave, onClose, isLoading
   const isValid = name.trim() && startParameter.trim() && /^[a-zA-Z0-9_-]+$/.test(startParameter)
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-lg max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -397,7 +397,7 @@ function StatsModal({ stats, onClose, onViewUsers }: StatsModalProps) {
   }
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-2xl max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -541,7 +541,7 @@ function UsersModal({ campaignId, campaignName, onClose }: UsersModalProps) {
   const totalPages = Math.ceil(total / 20)
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-3xl max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -906,7 +906,7 @@ export default function AdminCampaigns() {
 
       {/* Delete Confirmation */}
       {deleteConfirm !== null && (
-        <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+        <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
           <div className="bg-dark-800 rounded-xl p-6 max-w-sm w-full">
             <h3 className="text-lg font-semibold text-dark-100 mb-2">Удалить кампанию?</h3>
             <p className="text-dark-400 mb-6">Это действие нельзя отменить. Кампании с регистрациями удалить нельзя.</p>

src/pages/AdminPromoOffers.tsx

@@ -139,7 +139,7 @@ function TemplateEditModal({ template, onSave, onClose, isLoading }: TemplateEdi
   }
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-lg max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -314,7 +314,7 @@ function SendOfferModal({ templates, onSend, onClose, isLoading }: SendOfferModa
   }
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-lg max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -464,7 +464,7 @@ interface ResultModalProps {
 
 function ResultModal({ title, message, isSuccess, onClose }: ResultModalProps) {
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl p-6 max-w-sm w-full text-center">
         <div className={`w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center ${
           isSuccess ? 'bg-emerald-500/20' : 'bg-error-500/20'

src/pages/AdminPromocodes.tsx

@@ -176,7 +176,7 @@ function PromocodeModal({ promocode, promoGroups, onSave, onClose, isLoading }:
   }
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-lg max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -462,7 +462,7 @@ function PromoGroupModal({ group, onSave, onClose, isLoading }: PromoGroupModalP
   }
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-lg max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -652,7 +652,7 @@ interface PromocodeStatsModalProps {
 
 function PromocodeStatsModal({ promocode, onClose, onEdit }: PromocodeStatsModalProps) {
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-2xl max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -1254,7 +1254,7 @@ export default function AdminPromocodes() {
 
       {/* Delete Confirmation */}
       {deleteConfirm && (
-        <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+        <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
           <div className="bg-dark-800 rounded-xl p-6 max-w-sm w-full">
             <h3 className="text-lg font-semibold text-dark-100 mb-2">
               {deleteConfirm.type === 'promocode' ? 'Удалить промокод?' : 'Удалить группу?'}

src/pages/AdminRemnawave.tsx

@@ -1001,7 +1001,7 @@ export default function AdminRemnawave() {
 
       {/* Squad Detail Modal */}
       {selectedSquad && (
-        <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4" onClick={() => setSelectedSquad(null)}>
+        <div className="fixed inset-0 flex items-center justify-center z-50 p-4" onClick={() => setSelectedSquad(null)}>
           <div className="bg-dark-800 rounded-xl w-full max-w-lg max-h-[80vh] overflow-auto" onClick={e => e.stopPropagation()}>
             {/* Header */}
             <div className="flex items-center justify-between p-4 border-b border-dark-700 sticky top-0 bg-dark-800">

src/pages/AdminServers.tsx

@@ -89,7 +89,7 @@ function ServerModal({ server, onSave, onClose, isLoading }: ServerModalProps) {
   }
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-lg max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">

src/pages/AdminTariffs.tsx

@@ -75,7 +75,7 @@ interface TariffTypeSelectProps {
 
 function TariffTypeSelect({ onSelect, onClose }: TariffTypeSelectProps) {
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-md overflow-hidden">
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
           <h2 className="text-lg font-semibold text-dark-100">Выберите тип тарифа</h2>
@@ -234,7 +234,7 @@ function PeriodTariffModal({ tariff, servers, onSave, onClose, isLoading }: Peri
   }
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-2xl max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -806,7 +806,7 @@ function DailyTariffModal({ tariff, servers, onSave, onClose, isLoading }: Daily
   }
 
   return (
-    <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
       <div className="bg-dark-800 rounded-xl w-full max-w-2xl max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">
@@ -1405,7 +1405,7 @@ export default function AdminTariffs() {
 
       {/* Delete Confirmation */}
       {deleteConfirm !== null && (
-        <div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4">
+        <div className="fixed inset-0 flex items-center justify-center z-50 p-4">
           <div className="bg-dark-800 rounded-xl p-6 max-w-sm w-full">
             <h3 className="text-lg font-semibold text-dark-100 mb-2">{t('admin.tariffs.confirmDelete')}</h3>
             <p className="text-dark-400 mb-6">{t('admin.tariffs.confirmDeleteText')}</p>

src/pages/AdminUsers.tsx

@@ -344,7 +344,7 @@ function UserDetailModal({ userId, onClose, onUpdate }: UserDetailModalProps) {
 
   if (loading) {
     return (
-      <div className="fixed inset-0 bg-black/60 backdrop-blur-sm z-50 flex items-center justify-center">
+      <div className="fixed inset-0 backdrop-blur-sm z-50 flex items-center justify-center">
         <div className="bg-dark-800 rounded-2xl p-8">
           <div className="animate-spin w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full" />
         </div>
@@ -355,7 +355,7 @@ function UserDetailModal({ userId, onClose, onUpdate }: UserDetailModalProps) {
   if (!user) return null
 
   return (
-    <div className="fixed inset-0 bg-black/60 backdrop-blur-sm z-50 flex items-center justify-center p-4">
+    <div className="fixed inset-0 backdrop-blur-sm z-50 flex items-center justify-center p-4">
       <div className="bg-dark-800 rounded-2xl w-full max-w-2xl max-h-[90vh] overflow-hidden flex flex-col">
         {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-dark-700">

src/pages/Polls.tsx

@@ -117,7 +117,7 @@ export default function Polls() {
 
       {/* Poll Modal */}
       {selectedPoll && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60">
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
           <div className="card max-w-lg w-full max-h-[80vh] overflow-y-auto">
             <div className="flex justify-between items-center mb-4">
               <h2 className="text-xl font-bold">{selectedPoll.title}</h2>