ne minor, a ebat fix

src/renderer/components/OnlinePlayersPanel.tsx

@@ -9,6 +9,7 @@ import {
   Select,
   FormControl,
   InputLabel,
+  TextField,
 } from '@mui/material';
 import {
   fetchActiveServers,
@@ -20,6 +21,7 @@ import { FullScreenLoader } from './FullScreenLoader';
 import { HeadAvatar } from './HeadAvatar';
 import { translateServer } from '../utils/serverTranslator';
 import GradientTextField from './GradientTextField'; // <-- используем ваш градиентный инпут
+import { NONAME } from 'dns';
 
 type OnlinePlayerFlat = {
   username: string;
@@ -142,6 +144,34 @@ export const OnlinePlayersPanel: React.FC<OnlinePlayersPanelProps> = ({
 
   const totalOnline = onlinePlayers.length;
 
+  const controlSx = {
+    minWidth: '16vw',
+    '& .MuiInputLabel-root': {
+      color: 'rgba(255,255,255,0.75)',
+      fontFamily: 'Benzin-Bold',
+    },
+    '& .MuiInputLabel-root.Mui-focused': {
+      color: 'rgba(242,113,33,0.95)',
+    },
+    '& .MuiOutlinedInput-root': {
+      height: '3.2vw',              // <-- ЕДИНАЯ высота
+      borderRadius: '999px',
+      backgroundColor: 'rgba(255,255,255,0.04)',
+      color: 'white',
+      fontFamily: 'Benzin-Bold',
+      '& .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'rgba(255,255,255,0.14)',
+      },
+      '&:hover .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'rgba(242,113,33,0.55)',
+      },
+      '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+        borderColor: 'rgba(233,64,205,0.65)',
+        borderWidth: '2px',
+      },
+    },
+  };
+
   return (
     <Paper
       elevation={0}
@@ -203,16 +233,7 @@ export const OnlinePlayersPanel: React.FC<OnlinePlayersPanelProps> = ({
             {/* Select в “нашем” стиле */}
             <FormControl
               size="small"
-              sx={{
-                minWidth: '12vw',
-                '& .MuiInputLabel-root': {
-                  color: 'rgba(255,255,255,0.75)',
-                  fontFamily: 'Benzin-Bold',
-                },
-                '& .MuiInputLabel-root.Mui-focused': {
-                  color: 'rgba(242,113,33,0.95)',
-                },
-              }}
+              sx={controlSx}
             >
               <InputLabel>Сервер</InputLabel>
               <Select
@@ -266,7 +287,7 @@ export const OnlinePlayersPanel: React.FC<OnlinePlayersPanelProps> = ({
                 <MenuItem value="all">Все сервера</MenuItem>
                 {servers.map((s) => (
                   <MenuItem key={s.id} value={s.id}>
-                    {s.name}
+                    {translateServer(s.name)}
                   </MenuItem>
                 ))}
               </Select>
@@ -274,25 +295,55 @@ export const OnlinePlayersPanel: React.FC<OnlinePlayersPanelProps> = ({
 
             {/* Поиск через ваш GradientTextField */}
             <Box sx={{ minWidth: '16vw' }}>
-              <GradientTextField
-                size="small"
+            <TextField
+              size="small"
+              label="Поиск по нику"
+              value={search}
+              onChange={(e) => setSearch(e.target.value)}
+              sx={{
+                ...controlSx,
+                '& .MuiOutlinedInput-input': {
+                  height: '100%',
+                  padding: '0 1.2vw',          // <-- ТОЧНО ТАКОЙ ЖЕ padding
+                  display: 'flex',
+                  alignItems: 'center',
+                  fontSize: '0.9vw',
+                  color: 'rgba(255,255,255,0.92)',
+                },
+              }}
+            />
+
+              {/* <GradientTextField
                 label="Поиск по нику"
                 value={search}
                 onChange={(e) => setSearch(e.target.value)}
                 sx={{
-                  mt: 0,
-                  mb: 0,
-                  '& .MuiOutlinedInput-root': { borderRadius: '999px' },
-                  '& .MuiOutlinedInput-root::before': { borderRadius: '999px' },
                   '& .MuiInputBase-input': {
-                    padding: '0.85vw 1.2vw',
-                    fontSize: '0.9vw',
+                    padding: 'none',
+                    fontFamily: 'none',
                   },
-                  '& .MuiInputLabel-root': {
-                    // background: 'rgba(10,10,20,0.92)',
+                  '& .css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input': {
+                    padding: '4px 0 5px',
+                  },
+                  '& .css-19qnlrw-MuiFormLabel-root-MuiInputLabel-root': {
+                    top: '-15px',
+                  },
+
+                  '& .MuiOutlinedInput-root::before': {
+                    content: '""',
+                    position: 'absolute',
+                    inset: 0,
+                    padding: '0.2vw', // толщина рамки
+                    borderRadius: '3.5vw',
+                    background: GRADIENT,
+                    WebkitMask:
+                      'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',
+                    WebkitMaskComposite: 'xor',
+                    maskComposite: 'exclude',
+                    zIndex: 0,
                   },
                 }}
-              />
+              /> */}
             </Box>
           </Box>
         </Box>
@@ -378,7 +429,7 @@ export const OnlinePlayersPanel: React.FC<OnlinePlayersPanelProps> = ({
 
               <Box sx={{ display: 'flex', alignItems: 'center', gap: '0.6vw', flexShrink: 0 }}>
                 <Chip
-                  label={translateServer({ name: p.serverName })}
+                  label={translateServer(p.serverName)}
                   size="small"
                   sx={{
                     fontFamily: 'Benzin-Bold',