diff --git a/packages/broadcast-panel/src/components/NewTransmissionModal.module.css b/packages/broadcast-panel/src/components/NewTransmissionModal.module.css index 53a85d7..dc90a1a 100644 --- a/packages/broadcast-panel/src/components/NewTransmissionModal.module.css +++ b/packages/broadcast-panel/src/components/NewTransmissionModal.module.css @@ -1,8 +1,17 @@ /* NewTransmissionModal - StreamYard style */ +.modalWrapper { + position: relative; +} + +.modalWrapper.hasBackButton :global(.modalHeader) { + padding-left: 56px; +} + .backButton { position: absolute; - top: 16px; + top: 50%; + transform: translateY(-50%); left: 16px; display: flex; align-items: center; @@ -15,7 +24,7 @@ color: #5f6368; cursor: pointer; transition: all 0.15s; - z-index: 1; + z-index: 10; } .backButton:hover { diff --git a/packages/broadcast-panel/src/components/NewTransmissionModal.tsx b/packages/broadcast-panel/src/components/NewTransmissionModal.tsx index 612818c..1bda404 100644 --- a/packages/broadcast-panel/src/components/NewTransmissionModal.tsx +++ b/packages/broadcast-panel/src/components/NewTransmissionModal.tsx @@ -211,17 +211,18 @@ const NewTransmissionModal: React.FC = ({ open, onClose, onCreate, onUpda const showBackButton = view === 'add-destination' return ( - - {showBackButton && ( - - )} +
+ + {showBackButton && ( + + )} {view === 'main' && ( <> @@ -474,6 +475,7 @@ const NewTransmissionModal: React.FC = ({ open, onClose, onCreate, onUpda
)}
+ ) } diff --git a/shared/components/Modal.module.css b/shared/components/Modal.module.css index 07ff808..52278b1 100644 --- a/shared/components/Modal.module.css +++ b/shared/components/Modal.module.css @@ -39,7 +39,6 @@ align-items: center; justify-content: space-between; padding: 16px 24px; - border-bottom: 1px solid #e8eaed; } .modalTitle {