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-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,29 +317,29 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
aria-label="Close"
/>
</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>
<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>
);