External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix CreateBoardModal responsiveness, add textarea

Browse Source
This commit is contained in:
plebeius.eth
2023-07-30 09:58:15 +02:00
parent ae5b1612db
commit c80ab96224
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/modals/CreateBoardModal.jsx
+1 -1
View File
@@ -228,7 +228,7 @@ const CreateBoardModal = ({ isOpen, closeModal }) => {
Optional, let other users help you moderate your board. Optional, let other users help you moderate your board.
</div> </div>
<div className='settings-input'> <div className='settings-input'>
<input <textarea
id="name" id="name"
type="text" type="text"
value={moderators} value={moderators}
src/components/styled/modals/CreateBoardModal.styled.jsx
+7 -6
View File
@@ -3,14 +3,15 @@ import Modal from "react-modal";
export const StyledModal = styled(Modal)` export const StyledModal = styled(Modal)`
.modal-content { .modal-content {
top: 25%; position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 450px; width: 450px;
max-height: 650px; height: auto;
left: calc(50% - 50px); max-height: calc(100vh - 2*50px);
overflow-y: auto; overflow-y: auto;
margin-left: -178px; padding: 5px;
position: absolute;
padding: 5px 5px 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, .25); box-shadow: 0 0 5px rgba(0, 0, 0, .25);
} }