docs(Toast): improve

Author: IgorShevchik

docs/components/toast.md

@@ -46,15 +46,13 @@ Pass a `title` field to the `toast.add` method to display a title.
   </ClientOnly>
 </div>
 
-::: details
 <<< @/examples/toast/demo/Title.vue{7,13 vue:line-numbers}
-:::
 
 ### Description
 
 Pass a `description` field to the `toast.add` method to display a description.
 
-<div class="lg:min-h-[275px]">
+<div class="lg:min-h-[310px]">
   <ClientOnly>
     <DescriptionExample />
   </ClientOnly>
@@ -142,7 +140,7 @@ Pass an `actions` field to add some [Button](/components/button) actions to the
 Actions renders differently when the description is not set. You can try to remove it.
 :::
 
-<div class="lg:min-h-[275px]">
+<div class="lg:min-h-[310px]">
   <ClientOnly>
     <ActionsExample />
   </ClientOnly>

docs/examples/toast/Actions.vue

@@ -10,8 +10,8 @@ const description = ref('Is there anything else you need help with?')
 <template>
   <ComponentShowExample>
     <template #actions>
-      <B24FormField label="description" class="w-full sm:w-1/4">
-        <B24Input v-model="description" />
+      <B24FormField label="description" class="w-full sm:flex-1">
+        <B24Textarea v-model="description" />
       </B24FormField>
     </template>
     <Demo :title="title" :description="description" />

docs/examples/toast/Description.vue

@@ -10,11 +10,11 @@ const description = ref('Is there anything else you need help with?')
 <template>
   <ComponentShowExample>
     <template #actions>
-      <B24FormField label="title" class="w-full sm:w-1/4">
+      <B24FormField label="title" class="w-full sm:flex-1">
         <B24Input v-model="title" />
       </B24FormField>
-      <B24FormField label="description" class="w-full sm:w-1/4">
-        <B24Input v-model="description" />
+      <B24FormField label="description" class="w-full sm:flex-1">
+        <B24Textarea v-model="description" />
       </B24FormField>
     </template>
     <Demo :title="title" :description="description" />

docs/examples/toast/Title.vue

@@ -9,7 +9,7 @@ const title = ref('The calculation of indicators has been completed')
 <template>
   <ComponentShowExample>
     <template #actions>
-      <B24FormField label="title" class="w-full sm:w-1/4">
+      <B24FormField label="title" class="w-full">
         <B24Input v-model="title" />
       </B24FormField>
     </template>

docs/examples/toast/demo/Actions.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// import { useAppConfig } from '@bitrix24/b24icons-vue'
 import Refresh9Icon from '@bitrix24/b24icons-vue/crm/Refresh9Icon'
 
 export interface ExampleProps {