0

I have a dialog and I want it to be on the right side like a sidebar, but other parts of the page should not be accessible. So I am using a dialog but it's centered and I need it to be on the right hand side.

<dialog ref={dialog} className="contact-modal w-[50%] h-[100vh] max-w-[400px] fixed right-[-60%] overflow-hidden border-none p-6 transition-transform duration-500 ease-in-out">
    <ModalHeader text="Contact ATM Creativity" handleClose={handleClose} />
</dialog>
Improve this question
Related questions
887
The useState set method is not reflecting a change immediately
767
Attempted import error: 'Switch' is not exported from 'react-router-dom'
925
What is the difference between React Native and React?
Load 5 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.