3.0 Beta 3

src/app/chat/elements/message-box/message-box.html

@@ -68,7 +68,7 @@
       <tui-icon icon="@tui.x"/>
     </button>
   </div>
-  <div id="message-box" [style]="'border-radius:'+messageBoxRadius+'px;'">
+  <div id="message-box" [style]="'border-radius:'+messageBoxRadius+'px;'" [class.fullWidth]="breakpoint() != 'desktopLarge'">
     <div class="items-left">
       <button tuiButton appearance="flat" (click)="uplInput.click()">
         <tui-icon icon="@tui.file-up"/>

src/app/chat/elements/message-box/message-box.scss

@@ -102,6 +102,10 @@
       align-items: center;
       padding: 0 10px;
 
+      &.fullWidth {
+        width: 100%;
+      }
+
       .items-left, .items-middle, .items-right {
         display: flex;
         align-items: center;

src/app/chat/elements/message-box/message-box.ts

@@ -1,5 +1,6 @@
 import {ChangeDetectorRef, Component, HostListener, inject, input} from '@angular/core';
 import {
+  TUI_BREAKPOINT,
   TuiAppearance,
   TuiButton,
   TuiDialog,
@@ -40,6 +41,7 @@ import {TuiTextarea, TuiTextareaComponent} from '@taiga-ui/kit';
 export class MessageBox {
   viewModel = input.required<MessageBoxViewModel>()
 
+  breakpoint = inject(TUI_BREAKPOINT)
   cdr = inject(ChangeDetectorRef)
 
   textareaHeight = 25