make tender modal header wrap on mobile

This commit is contained in:
2026-09-06 16:46:28 +03:00
parent a54b8b77d9
commit 399d9d7755
+2 -2
View File
@@ -100,7 +100,7 @@ export const TenderDetailModal = () => {
</div>} </div>}
{savingCount > 0 && <p role="status" className="p-2 bg-blue-50">Kaydediliyor…</p>} {savingCount > 0 && <p role="status" className="p-2 bg-blue-50">Kaydediliyor…</p>}
{/* Top Header Controls */} {/* Top Header Controls */}
<div className="bg-[#1f2937] text-white px-6 py-3.5 flex items-center justify-between border-b border-slate-700 shrink-0"> <div className="bg-[#1f2937] text-white px-4 sm:px-6 py-3.5 flex flex-wrap items-center justify-between gap-2 border-b border-slate-700 shrink-0">
<button type="button" <button type="button"
onClick={() => setActiveTenderDetail(null)} onClick={() => setActiveTenderDetail(null)}
className="flex items-center gap-2 text-xs font-semibold text-slate-300 hover:text-white transition-colors bg-slate-800 px-3 py-1.5 rounded-lg border border-slate-700" className="flex items-center gap-2 text-xs font-semibold text-slate-300 hover:text-white transition-colors bg-slate-800 px-3 py-1.5 rounded-lg border border-slate-700"
@@ -109,7 +109,7 @@ export const TenderDetailModal = () => {
<span>Listeye Geri Dön</span> <span>Listeye Geri Dön</span>
</button> </button>
<div className="flex items-center gap-4 text-xs"> <div className="flex flex-wrap items-center justify-end gap-2 sm:gap-4 text-xs">
<button type="button" disabled={savingCount > 0} aria-pressed={Boolean(tender.incelendi)} <button type="button" disabled={savingCount > 0} aria-pressed={Boolean(tender.incelendi)}
onClick={() => mutateTender(tender.id,{incelendi:!tender.incelendi})} onClick={() => mutateTender(tender.id,{incelendi:!tender.incelendi})}
className="text-xs px-3 py-1.5 rounded-lg border border-slate-500 disabled:opacity-50"> className="text-xs px-3 py-1.5 rounded-lg border border-slate-500 disabled:opacity-50">