-
+
{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;
+}