fix: center the report picker on wide screens and keep the value field inside its card

The bottom sheet stays for phones only, as in the old picker.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Тимур Городецкий
2026-10-19 16:17:56 +05:00
parent f0272c2170
commit 33f31366cd
2 changed files with 13 additions and 0 deletions
@@ -138,6 +138,7 @@ $photo-thumb-min: 80px;
} }
.valueInput { .valueInput {
box-sizing: border-box; // иначе ширина 100% + отступы вылезают за край карточки работы
width: 100%; width: 100%;
padding: $sp-2 $sp-3; padding: $sp-2 $sp-3;
border: 1px solid $gray-300; border: 1px solid $gray-300;
@@ -42,6 +42,18 @@ $slide-duration: 0.2s;
animation: slideUp $slide-duration ease-out; animation: slideUp $slide-duration ease-out;
} }
// Как в старом PickerModal: шторка снизу — только на телефоне, на экране шире 640px — окно по центру.
@include above($bp-sm) {
.overlay {
align-items: center;
}
.sheet {
border-radius: $r-lg;
animation: none;
}
}
.header { .header {
display: flex; display: flex;
align-items: center; align-items: center;