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:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user