UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: фикс popup рабочего пространства, sidebar-search и полировка модалки внешнего запроса

2026-04-19 21:02:35 +03:00
parent 01eb3d4c8a
commit 21581373cd
11 changed files with 278 additions and 147 deletions
@@ -126,57 +126,67 @@ export const ExternalContoursCreateRoot = observer(function ExternalContoursCrea
  if (!workspaceSlug || !projectId || !workspaceId) return <></>;

  return (
-    <div className="flex w-full gap-2 bg-transparent">
-      <div className="w-full rounded-lg">
-        <form onSubmit={handleFormSubmit} className="flex w-full flex-col">
-          <div className="space-y-5 rounded-t-lg bg-surface-1 p-5">
-            <div className="flex items-center justify-between gap-2">
-              <h3 className="text-18 font-medium text-secondary">{t("external_contours_page.modal.title")}</h3>
-            </div>
-            <div className="space-y-3">
-              <InboxIssueTitle
-                data={formData}
-                handleData={handleFormData as any}
-                isTitleLengthMoreThan255Character={isTitleLengthMoreThan255Character}
-              />
-              <InboxIssueDescription
-                workspaceSlug={workspaceSlug}
-                projectId={projectId}
-                workspaceId={workspaceId}
-                data={formData}
-                handleData={handleFormData as any}
-                editorRef={descriptionEditorRef}
-                containerClassName="min-h-[150px] border-[0.5px] border-subtle-1 bg-layer-2 py-3"
-                onAssetUpload={() => {}}
-              />
-              <ExternalContoursCreateProperties
-                currentProjectName={currentProjectDetails?.name}
-                data={formData}
-                handleData={handleFormData as any}
-              />
-            </div>
-          </div>
-          <div className="flex items-center justify-between gap-2 rounded-b-lg border-t-[0.5px] border-subtle bg-surface-1 px-5 py-4">
-            <div
-              className="inline-flex cursor-pointer items-center gap-1.5"
-              onClick={() => setCreateMore((prevData) => !prevData)}
-              role="button"
-              tabIndex={0}
-            >
-              <ToggleSwitch value={createMore} onChange={() => {}} size="sm" />
-              <span className="text-11">{t("create_more")}</span>
-            </div>
-            <div className="flex items-center gap-3">
-              <Button variant="secondary" size="lg" type="button" onClick={handleModalClose}>
-                {t("cancel")}
-              </Button>
-              <Button type="submit" variant="primary" size="lg" loading={formSubmitting} disabled={!canSubmit || isTitleLengthMoreThan255Character}>
-                {t("external_contours_page.modal.submit")}
-              </Button>
-            </div>
-          </div>
-        </form>
+    <form onSubmit={handleFormSubmit} className="flex w-full flex-col gap-6 px-6 py-6">
+      <div className="space-y-5">
+        <div className="flex items-center justify-between gap-2">
+          <h3 className="text-18 font-medium text-secondary">{t("external_contours_page.modal.title")}</h3>
+        </div>
+        <div className="space-y-4">
+          <InboxIssueTitle
+            data={formData}
+            handleData={handleFormData as any}
+            isTitleLengthMoreThan255Character={isTitleLengthMoreThan255Character}
+            inputClassName="nodedc-modal-input !px-4 !py-3 !text-[15px]"
+          />
+          <InboxIssueDescription
+            workspaceSlug={workspaceSlug}
+            projectId={projectId}
+            workspaceId={workspaceId}
+            data={formData}
+            handleData={handleFormData as any}
+            editorRef={descriptionEditorRef}
+            containerClassName="nodedc-modal-editor min-h-[180px] !border-none !bg-transparent !p-0"
+            onAssetUpload={() => {}}
+          />
+          <ExternalContoursCreateProperties
+            currentProjectName={currentProjectDetails?.name}
+            data={formData}
+            handleData={handleFormData as any}
+          />
+        </div>
      </div>
-    </div>
+      <div className="flex items-center justify-between gap-3 pt-1">
+        <div
+          className="inline-flex cursor-pointer items-center gap-1.5"
+          onClick={() => setCreateMore((prevData) => !prevData)}
+          role="button"
+          tabIndex={0}
+        >
+          <ToggleSwitch value={createMore} onChange={() => {}} size="sm" />
+          <span className="text-11 text-secondary">{t("create_more")}</span>
+        </div>
+        <div className="flex items-center gap-3">
+          <Button
+            variant="secondary"
+            size="lg"
+            type="button"
+            onClick={handleModalClose}
+            className="min-w-[8.25rem] !rounded-[1.25rem] !border-transparent px-5 shadow-none"
+          >
+            {t("cancel")}
+          </Button>
+          <Button
+            type="submit"
+            variant="primary"
+            size="lg"
+            loading={formSubmitting}
+            disabled={!canSubmit || isTitleLengthMoreThan255Character}
+            className="min-w-[8.25rem] !rounded-[1.25rem] !border-transparent px-5 shadow-none"
+          >
+            {t("external_contours_page.modal.submit")}
+          </Button>
+        </div>
+      </div>
+    </form>
  );
 });