diff --git a/src/pages/CompanyJobsPage/components/InterviewStatusDropdown/index.css b/src/pages/CompanyJobsPage/components/InterviewStatusDropdown/index.css index 41b8106..5defb5a 100644 --- a/src/pages/CompanyJobsPage/components/InterviewStatusDropdown/index.css +++ b/src/pages/CompanyJobsPage/components/InterviewStatusDropdown/index.css @@ -9,7 +9,7 @@ } .interview-status-dropdown { - position: absolute; + position: fixed; background: white; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); @@ -17,6 +17,7 @@ z-index: 1000; animation: slideDown 0.3s ease-out; overflow: hidden; + max-height: 500px; } @keyframes slideDown { diff --git a/src/pages/CompanyJobsPage/components/InterviewStatusDropdown/index.jsx b/src/pages/CompanyJobsPage/components/InterviewStatusDropdown/index.jsx index 7f7aa69..53208b7 100644 --- a/src/pages/CompanyJobsPage/components/InterviewStatusDropdown/index.jsx +++ b/src/pages/CompanyJobsPage/components/InterviewStatusDropdown/index.jsx @@ -63,7 +63,7 @@ export default ({ status, statusText, isOpen, onClose, position }) => { return ( <>
-
+

{statusText}

diff --git a/src/pages/CompanyJobsPage/index.jsx b/src/pages/CompanyJobsPage/index.jsx index 70e870d..cfa0e69 100644 --- a/src/pages/CompanyJobsPage/index.jsx +++ b/src/pages/CompanyJobsPage/index.jsx @@ -128,9 +128,15 @@ const CompanyJobsPage = () => { const handleStatusClick = (e, item) => { e.stopPropagation(); const rect = e.currentTarget.getBoundingClientRect(); + + // 计算下拉栏位置,让它在按钮下方居中 + const dropdownWidth = 360; + const buttonCenter = rect.left + rect.width / 2; + const left = Math.max(10, buttonCenter - dropdownWidth / 2); + setDropdownPosition({ top: rect.bottom + 5, - left: rect.left + left: left }); setSelectedInterview(item); setDropdownOpen(true);