LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-23 12:51:13 +00:00
Code Issues Projects Releases Wiki Activity

Make modal look better

Browse source
This commit is contained in:
SleeplessOne1917 2023-07-08 00:13:54 -04:00
parent 430b79b150
commit 27b886fb6b
1 changed files with 25 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/shared/components/community/sidebar.tsx
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,29 +317,29 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
aria-label="Close" aria-label="Close"
/> />
</header> </header>
<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>
<input
type="text"
id="remoteFetchInstance"
className="form-control"
/>
</form>
<footer className="modal-footer">
<button
type="button"
className="btn btn-secondary"
data-bs-dismiss="modal"
>
Close
</button>
<button type="button" className="btn btn-primary">
Save changes
</button>
</footer>
</div> </div>
<form className="modal-body">
<label className="form-label" htmlFor="remoteFetchInstance">
Enter the instance you would like to follow this community from
</label>
<input
type="text"
id="remoteFetchInstance"
className="form-control"
/>
</form>
<footer className="modal-footer">
<button
type="button"
className="btn btn-secondary"
data-bs-dismiss="modal"
>
Close
</button>
<button type="button" className="btn btn-primary">
Save changes
</button>
</footer>
</div> </div>
</div> </div>
); );