Ver código fonte

fix: кнопка На карте справа от долготы, w-auto, текст в 2 строки

neyrogovnarik 1 mês atrás
pai
commit
4f08319256
1 arquivos alterados com 13 adições e 12 exclusões
  1. 13 12
      frontend/src/components/PlaceForm.tsx

+ 13 - 12
frontend/src/components/PlaceForm.tsx

@@ -164,17 +164,8 @@ export default function PlaceForm({ type, onSuccess }: PlaceFormProps) {
         />
       </div>
 
-      <div className="grid grid-cols-3 gap-4">
-        <div className="flex items-end">
-          <button
-            type="button"
-            onClick={() => setShowMapPicker(true)}
-            className="w-full rounded-lg border border-white/10 bg-white/5 px-2 py-3 text-sm text-white/80 hover:bg-white/10 transition text-center leading-tight"
-          >
-            Указать<br />на карте
-          </button>
-        </div>
-        <div>
+      <div className="grid grid-cols-5 gap-4">
+        <div className="col-span-2">
           <label className="mb-1 block text-sm text-white/60">Широта</label>
           <input
             type="number"
@@ -184,7 +175,7 @@ export default function PlaceForm({ type, onSuccess }: PlaceFormProps) {
             className="w-full rounded-lg border border-white/10 bg-white/5 px-3 py-3 text-white outline-none focus:border-green-500"
           />
         </div>
-        <div>
+        <div className="col-span-2">
           <label className="mb-1 block text-sm text-white/60">Долгота</label>
           <input
             type="number"
@@ -194,6 +185,16 @@ export default function PlaceForm({ type, onSuccess }: PlaceFormProps) {
             className="w-full rounded-lg border border-white/10 bg-white/5 px-3 py-3 text-white outline-none focus:border-green-500"
           />
         </div>
+        <div className="col-span-1 flex items-end">
+          <button
+            type="button"
+            onClick={() => setShowMapPicker(true)}
+            className="w-auto rounded-lg border border-white/10 bg-white/5 px-3 py-3 text-sm text-white/80 hover:bg-white/10 transition text-center leading-tight"
+          >
+            Указать<br />на карте
+          </button>
+        </div>
+        </div>
       </div>
 
       <div>