UI: фикс адресной строки — width:auto перебивает .gps-button/.form-group width:100%
.gps-button { width:100% } в flex-строке съедал всю ширину, input сжимался
до огрызка. Inline width:auto/flexShrink:0 у кнопки и width:auto/minWidth:0
у инпута.
This commit is contained in:
@@ -295,7 +295,7 @@ const Step4Environment = ({ data, updateData }) => {
|
|||||||
<div style={{ display: "flex", gap: "8px" }}>
|
<div style={{ display: "flex", gap: "8px" }}>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
style={{ flex: 1, height: "44px" }}
|
style={{ flex: 1, minWidth: 0, width: "auto", height: "44px" }}
|
||||||
value={data.tnp_address || ""}
|
value={data.tnp_address || ""}
|
||||||
onChange={(e) => updateData({ tnp_address: e.target.value })}
|
onChange={(e) => updateData({ tnp_address: e.target.value })}
|
||||||
placeholder="Минск, ул. Ленина 10"
|
placeholder="Минск, ул. Ленина 10"
|
||||||
@@ -305,7 +305,7 @@ const Step4Environment = ({ data, updateData }) => {
|
|||||||
className="gps-button"
|
className="gps-button"
|
||||||
onClick={handleGeocode}
|
onClick={handleGeocode}
|
||||||
disabled={data.geocode_loading || !(data.tnp_address || "").trim()}
|
disabled={data.geocode_loading || !(data.tnp_address || "").trim()}
|
||||||
style={{ whiteSpace: "nowrap" }}
|
style={{ width: "auto", flexShrink: 0, whiteSpace: "nowrap" }}
|
||||||
>
|
>
|
||||||
{data.geocode_loading ? "Поиск..." : "🔎 Найти координаты"}
|
{data.geocode_loading ? "Поиск..." : "🔎 Найти координаты"}
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
Reference in New Issue
Block a user