Make modal look better

This commit is contained in:
SleeplessOne1917 2023-07-08 00:13:54 -04:00
parent 430b79b150
commit 27b886fb6b

View file

@ -304,12 +304,12 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
aria-hidden={true} aria-hidden={true}
aria-labelledby="#remoteFetchModalTitle" aria-labelledby="#remoteFetchModalTitle"
> >
<div className="modal-dialog"> <div className="modal-dialog modal-fullscreen-sm-down">
<div className="modal-content"> <div className="modal-content">
<header className="modal-header"> <header className="modal-header">
<h1 className="modal-title" id="remoteFetchModalTitle"> <h3 className="modal-title" id="remoteFetchModalTitle">
Subscribe from Remote Instance Subscribe from Remote Instance
</h1> </h3>
<button <button
type="button" type="button"
className="btn-close" className="btn-close"
@ -317,8 +317,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
aria-label="Close" aria-label="Close"
/> />
</header> </header>
</div> <form className="modal-body d-flex flex-column justify-content-center">
<form className="modal-body">
<label className="form-label" htmlFor="remoteFetchInstance"> <label className="form-label" htmlFor="remoteFetchInstance">
Enter the instance you would like to follow this community from Enter the instance you would like to follow this community from
</label> </label>
@ -342,6 +341,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
</footer> </footer>
</div> </div>
</div> </div>
</div>
); );
} }