diff --git a/packages/modules.calls/src/styles/grid.css b/packages/modules.calls/src/styles/grid.css index c14f716c..c363c2e7 100644 --- a/packages/modules.calls/src/styles/grid.css +++ b/packages/modules.calls/src/styles/grid.css @@ -42,12 +42,17 @@ overflow: hidden; border-radius: 16px; background: var(--xi-bg-gray-0); + border: 2px solid transparent; +} + +.compact-call-container .lk-participant-tile { + border: 2px solid var(--xi-gray-20); } /* Индикаторы состояния для адаптивной сетки */ .lk-participant-tile[data-lk-speaking='true']:not([data-lk-source='screen_share']) { - transition: box-shadow 0.3s ease; - box-shadow: 0 0 0 2px var(--xi-green-60); + transition: border 0.4s cubic-bezier(0.4, 0, 0.2, 1); + border: 2px solid var(--xi-green-60); } .lk-participant-tile .lk-focus-toggle-button { diff --git a/packages/modules.calls/src/ui/CompactView/CompactCall.tsx b/packages/modules.calls/src/ui/CompactView/CompactCall.tsx index 5949c3f0..f252fe19 100644 --- a/packages/modules.calls/src/ui/CompactView/CompactCall.tsx +++ b/packages/modules.calls/src/ui/CompactView/CompactCall.tsx @@ -159,12 +159,12 @@ export const CompactCall = ({ saveUserChoices = true }) => { }; return ( -