From b4791005d962e6890473c108569f57c1f85c8419 Mon Sep 17 00:00:00 2001 From: Arushi Gupta Date: Thu, 16 Jul 2026 21:01:40 +0530 Subject: [PATCH 1/2] reorder of the prompt and the dropzone. --- .../prompt-bar-upload/prompt-bar-upload.css | 73 ++++++++++++++----- 1 file changed, 55 insertions(+), 18 deletions(-) diff --git a/unitylibs/core/widgets/prompt-bar-upload/prompt-bar-upload.css b/unitylibs/core/widgets/prompt-bar-upload/prompt-bar-upload.css index fd492691..d46dc718 100644 --- a/unitylibs/core/widgets/prompt-bar-upload/prompt-bar-upload.css +++ b/unitylibs/core/widgets/prompt-bar-upload/prompt-bar-upload.css @@ -1158,47 +1158,78 @@ line-height: normal; .unity-prompt-bar-upload.unity-enabled .interactive-area { width: 100%; max-width: 100%; + padding: 8px !important; + border-radius: 16px !important; } .unity-prompt-bar-upload.unity-enabled .pbu-main { flex-direction: column; - gap: 0; + align-items: stretch; + gap: 16px; + padding: 16px; + } + + /* Figma mobile: prompt + Generate first, uploader below */ + .unity-prompt-bar-upload.unity-enabled .pbu-right-section { + order: 1; + width: 100%; + padding: 0; } .unity-prompt-bar-upload.unity-enabled .pbu-left-section { + order: 2; width: 100%; max-width: 100%; border-inline-end: none; - padding-inline-end: 0; - padding-block-end: 16px; + padding: 0; + margin: 0; + gap: 8px; + border: none; + } + + .unity-prompt-bar-upload.unity-enabled .pbu-right-section .unity-slf-prompt-label { + margin-bottom: 8px; + } + + .unity-prompt-bar-upload.unity-enabled .pbu-right-section .inp-field { + min-height: 88px; + margin-bottom: 12px; + padding-block: 0 8px; + } + + .unity-prompt-bar-upload.unity-enabled .interactive-area.dark .pbu-right-section .inp-field, + .unity-prompt-bar-upload.unity-enabled .interactive-area.dark .pbu-right-section .inp-field::placeholder { margin-bottom: 0; - border-block-end: 1px solid rgb(255 255 255 / 12%); + padding-top: 0; + font-size: 15px; + line-height: 1.45; } + /* Figma: compact square first-frame uploader, not full-width strip */ .unity-prompt-bar-upload.unity-enabled .pbu-drop-zone-wrap { - width: 100%; - height: 160px; - min-height: 160px; + width: 123px; + height: 123px; + min-height: 123px; } .unity-prompt-bar-upload.unity-enabled .pbu-drop-zone-wrap .drop-zone { - width: 100%; - height: 160px; + width: 123px; + height: 123px; } .unity-prompt-bar-upload.unity-enabled .pbu-preview { - width: 100%; - height: 160px; + width: 123px; + height: 123px; } .unity-prompt-bar-upload.unity-enabled .pbu-drop-zone-wrap .pbu-select-spinner { - width: 100%; - height: 160px; + width: 123px; + height: 123px; } - .unity-prompt-bar-upload.unity-enabled .pbu-right-section { - width: 100%; - padding-top: 12px; + .unity-prompt-bar-upload.unity-enabled .pbu-upload-heading { + font-size: 14px; + line-height: 18px; } .unity-prompt-bar-upload.unity-enabled .pbu-controls-footer { @@ -1217,9 +1248,11 @@ line-height: normal; } .unity-prompt-bar-upload.unity-enabled .pbu-controls-footer .act-wrap .gen-btn { - max-width: 130px; - flex: 1; + max-width: none; + min-width: 120px; + flex: 0 1 auto; justify-content: center; + padding: 10px 20px; } .unity-prompt-bar-upload.unity-enabled .interactive-area .pbu-controls-footer .pbu-aspect-models { @@ -1250,4 +1283,8 @@ line-height: normal; left: auto; right: -20px; } + + .ex-unity-wrap.pbu-widget .pbu-legal-foot { + margin-top: 16px; + } } From 0841617117abdfc1ed80cd0f58c26126b79e67b4 Mon Sep 17 00:00:00 2001 From: Arushi Gupta Date: Thu, 16 Jul 2026 21:45:39 +0530 Subject: [PATCH 2/2] fixing the dropzone width. --- .../prompt-bar-upload/prompt-bar-upload.css | 36 +++++++++++-------- 1 file changed, 22 insertions(+), 14 deletions(-) diff --git a/unitylibs/core/widgets/prompt-bar-upload/prompt-bar-upload.css b/unitylibs/core/widgets/prompt-bar-upload/prompt-bar-upload.css index d46dc718..cdfae033 100644 --- a/unitylibs/core/widgets/prompt-bar-upload/prompt-bar-upload.css +++ b/unitylibs/core/widgets/prompt-bar-upload/prompt-bar-upload.css @@ -1165,7 +1165,7 @@ line-height: normal; .unity-prompt-bar-upload.unity-enabled .pbu-main { flex-direction: column; align-items: stretch; - gap: 16px; + gap: 0; padding: 16px; } @@ -1173,18 +1173,23 @@ line-height: normal; .unity-prompt-bar-upload.unity-enabled .pbu-right-section { order: 1; width: 100%; - padding: 0; + padding: 0 0 16px; } .unity-prompt-bar-upload.unity-enabled .pbu-left-section { order: 2; width: 100%; max-width: 100%; + align-items: stretch; border-inline-end: none; - padding: 0; + padding: 16px 0 0; margin: 0; gap: 8px; - border: none; + border-block-start: 1px solid rgb(255 255 255 / 12%); + } + + .unity-prompt-bar-upload.unity-enabled .interactive-area.light .pbu-left-section { + border-block-start-color: rgb(0 0 0 / 12%); } .unity-prompt-bar-upload.unity-enabled .pbu-right-section .unity-slf-prompt-label { @@ -1205,26 +1210,29 @@ line-height: normal; line-height: 1.45; } - /* Figma: compact square first-frame uploader, not full-width strip */ + /* Figma mobile: full-width first-frame dropzone */ .unity-prompt-bar-upload.unity-enabled .pbu-drop-zone-wrap { - width: 123px; - height: 123px; - min-height: 123px; + width: 100%; + max-width: 100%; + height: 160px; + min-height: 160px; + align-self: stretch; } .unity-prompt-bar-upload.unity-enabled .pbu-drop-zone-wrap .drop-zone { - width: 123px; - height: 123px; + width: 100%; + height: 160px; + min-height: 160px; } .unity-prompt-bar-upload.unity-enabled .pbu-preview { - width: 123px; - height: 123px; + width: 100%; + height: 120px; } .unity-prompt-bar-upload.unity-enabled .pbu-drop-zone-wrap .pbu-select-spinner { - width: 123px; - height: 123px; + width: 100%; + height: 120px; } .unity-prompt-bar-upload.unity-enabled .pbu-upload-heading {