|
3 | 3 |
|
4 | 4 | <InternalBarcodeScanner ValueChanged="@AddNewPallet" />
|
5 | 5 |
|
6 |
| -<div class="flex flex-col size-full justify-between overflow-hidden py-3 px-2"> |
7 |
| - @if (!Pallets.Any()) |
8 |
| - { |
9 |
| - <div class="size-full flex items-center justify-center py-4"> |
10 |
| - <div class="flex flex-col items-center gap-1 text-center"> |
11 |
| - <DocumentTextIcon class="size-10 stroke-[0.95]"/> |
12 |
| - <h3 class="text-lg font-medium">Отсканируйте штрихкод паллеты</h3> |
13 |
| - </div> |
14 |
| - </div> |
15 |
| - } |
16 |
| - else |
17 |
| - { |
18 |
| - <div class="size-full flex flex-col py-4 gap-1 overflow-hidden"> |
19 |
| - <h3 class="text-sm font-medium">Штрихкода паллет</h3> |
20 |
| - <ul class="size-full items-center flex flex-col gap-1 overflow-y-auto"> |
21 |
| - @foreach (string item in Pallets.ToArray().Reverse()) |
22 |
| - { |
23 |
| - <li class="w-full"> |
24 |
| - <button |
25 |
| - type="button" |
26 |
| - @onclick="@(() => DeletePalletItem(item))" |
27 |
| - Class="w-full overflow-hidden items-center h-8 text-sm rounded-md bg-background border px-3 flex gap-2" |
28 |
| - > |
29 |
| - <XMarkIcon class="size-4 shrink-0"/> |
30 |
| - <span class="truncate">@item</span> |
31 |
| - </button> |
32 |
| - </li> |
33 |
| - } |
34 |
| - </ul> |
35 |
| - </div> |
36 |
| - } |
| 6 | +<div class="flex flex-col size-full justify-between overflow-hidden p-4"> |
| 7 | + <div class="flex flex-col overflow-hidden w-full pt-1"> |
| 8 | + <h2 class="text-2xl font-bold tracking-tight text-center">Сканирование паллет</h2> |
| 9 | + <h3 class="text-xs text-muted-foreground tracking-tight text-center pt-1">Используйте считыватель штрихкода <br /> и отсканируйте штрихкоды с паллет</h3> |
| 10 | + <ul class="size-full flex flex-col gap-1.5 py-4 overflow-y-auto"> |
| 11 | + @foreach (string item in Pallets.ToArray().Reverse()) |
| 12 | + { |
| 13 | + <li class="w-full"> |
| 14 | + <button |
| 15 | + type="button" |
| 16 | + @onclick="@(() => DeletePalletItem(item))" |
| 17 | + Class="w-full overflow-hidden items-center h-9 text-sm rounded-lg bg-background border px-2.5 flex gap-2" |
| 18 | + > |
| 19 | + <XMarkIcon class="size-4 shrink-0"/> |
| 20 | + <span class="truncate">@item</span> |
| 21 | + </button> |
| 22 | + </li> |
| 23 | + } |
| 24 | + </ul> |
| 25 | + </div> |
37 | 26 | <div class="shrink-0 w-full flex flex-col gap-2">
|
38 | 27 | <Button OnClick="@OnCancelAction" Variant="ButtonVariantType.Outline">
|
39 | 28 | Назад
|
40 | 29 | </Button>
|
41 |
| - |
42 | 30 | @{
|
43 |
| - #if DEBUG |
| 31 | +#if DEBUG |
44 | 32 | }
|
45 | 33 | @* ReSharper disable once Razor.UnresolvedComponent *@
|
46 | 34 | <CameraBarcodeScanner Variant="ButtonVariantType.Outline" ValueChanged="@AddNewPallet"/>
|
47 | 35 | @{
|
48 |
| - #endif |
| 36 | +#endif |
49 | 37 | }
|
50 | 38 |
|
51 | 39 | <Button OnClick="@OnSuccessAction" Disabled="@(!Pallets.Any())">
|
|
0 commit comments