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