diff --git a/src/react-components/room/ObjectUrlModal.js b/src/react-components/room/ObjectUrlModal.js index 219c3867a7..b31c4d9092 100644 --- a/src/react-components/room/ObjectUrlModal.js +++ b/src/react-components/room/ObjectUrlModal.js @@ -7,7 +7,6 @@ import { useForm } from "react-hook-form"; import { Button } from "../input/Button"; import { Column } from "../layout/Column"; import { IconButton } from "../input/IconButton"; -import { ReactComponent as AttachIcon } from "../icons/Attach.svg"; import styles from "./ObjectUrlModal.scss"; import classNames from "classnames"; import { FormattedMessage } from "react-intl"; @@ -40,11 +39,11 @@ export function ObjectUrlModal({ showModelCollectionLink, modelCollectionUrl, on beforeTitle={} > -

+

{showModelCollectionLink ? ( ( @@ -67,7 +66,7 @@ export function ObjectUrlModal({ showModelCollectionLink, modelCollectionUrl, on ) : ( ( @@ -90,15 +89,23 @@ export function ObjectUrlModal({ showModelCollectionLink, modelCollectionUrl, on value={fileName || url || ""} {...register("url")} error={hasFile ? errors?.file?.message : errors?.url?.message} + fullWidth + className={styles.input} afterInput={ <> - {showCloseButton && } + {showCloseButton && } - + {!showCloseButton && ( +

+ + + +
+ )} @@ -110,7 +117,7 @@ export function ObjectUrlModal({ showModelCollectionLink, modelCollectionUrl, on /> } /> -
diff --git a/src/react-components/room/ObjectUrlModal.scss b/src/react-components/room/ObjectUrlModal.scss index afa356d184..8261fbcf9f 100644 --- a/src/react-components/room/ObjectUrlModal.scss +++ b/src/react-components/room/ObjectUrlModal.scss @@ -3,6 +3,36 @@ width: 0; height: 0; } -:local(.url-input) { - max-width: 24px; -} \ No newline at end of file + +:local(.text) { + text-align: left; +} + +:local(.browse) { + color: white; + background-color: black; + height: 100%; + display: flex; + flex: 1; + align-items: center; + justify-content: center; + margin: 0; + width: 60px; +} + +:local(.container) { + height: 100%; + width: 100%; + margin: 0 !important; +} + +:local(.input) { + &.after-input { + width: 90px; + min-width: 24px; + } +} + +:local(.close) { + margin-right: 8px; +}