Fix to modals.

Author: EvieePy

mystbin/frontend/components/EditorTabs.tsx

@@ -235,14 +235,6 @@ export default function EditorTabs({
             }}
             enabled={value.length <= 4 && !id}
           />
-          {!pid ? (
-            <div className={styles.addAttachmentIconContainer}>
-              <Button>
-                <InsertPhotoIcon className={styles.addAttachmentIcon} />
-              </Button>
-              <span className={styles.addAttachmentsText}>Add Images</span>
-            </div>
-          ) : null}
         </div>
 
         {value.map((v, i, arr) => (

mystbin/frontend/components/ExpiryModal.tsx

@@ -52,7 +52,6 @@ export default function ExpiryModal({
       </Modal.Header>
       <Modal.Body>
         <Form
-          inline
           style={{
             justifyContent: "center",
           }}
@@ -70,7 +69,6 @@ export default function ExpiryModal({
                   id={`expiry-${optName}`}
                   className="my-1 mr-sm-2"
                   as={"select"}
-                  custom
                   onChange={(e) => {
                     const oldExpiry = expiryValue;
                     oldExpiry[index] = parseInt(e.target.value);

mystbin/frontend/components/PasswordInput.tsx

@@ -24,14 +24,14 @@ export default function PasswordInput({
         onChange={(event) => {
           onChange(event.currentTarget.value);
         }}
-        onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
+        onKeyDown={(e) => {
           if (e.key === "Enter") {
             e.preventDefault();
             onSubmit(value);
           }
         }}
       />
-      <InputGroup.Append>
+      <InputGroup.Text>
         <span
           className={
             passwordHide
@@ -42,7 +42,7 @@ export default function PasswordInput({
         >
           {passwordHide ? <VisibilityIcon /> : <VisibilityOffIcon />}
         </span>
-      </InputGroup.Append>
+      </InputGroup.Text>
     </InputGroup>
   );
 }

mystbin/frontend/components/SetPasswordModal.tsx

@@ -31,7 +31,7 @@ export default function SetPasswordModal({ onHide }: { onHide: () => void }) {
       show={true}
       onHide={onHide}
       aria-labelledby="contained-modal-title-vcenter"
-      centered
+      centered={true}
       className={styles.passwordModal}
     >
       <Modal.Header className={styles.passwordModalHeader}>
@@ -41,7 +41,6 @@ export default function SetPasswordModal({ onHide }: { onHide: () => void }) {
       </Modal.Header>
       <Modal.Body>
         <Form
-          inline
           style={{
             justifyContent: "flex-start",
             display: "flex",

mystbin/frontend/styles/PasswordInput.module.css

@@ -9,10 +9,6 @@
   opacity: 80%;
   cursor: pointer;
   display: flex;
-  border-right: solid 1px #ced4da;
-  border-top: solid 1px #ced4da;
-  border-bottom: solid 1px #ced4da;
-  border-radius: 0 5px 5px 0;
   padding: 6px;
 }
 
@@ -22,9 +18,5 @@
   opacity: 80%;
   cursor: pointer;
   display: flex;
-  border-right: solid 1px #ced4da;
-  border-top: solid 1px #ced4da;
-  border-bottom: solid 1px #ced4da;
-  border-radius: 0 5px 5px 0;
   padding: 6px;
 }