UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: настройки проекта, модалки и drag-and-drop канон

2026-04-20 09:22:37 +03:00
parent bd7a7d96fe
commit df68c96795
47 changed files with 703 additions and 275 deletions
@@ -24,7 +24,7 @@ export const EstimateListItemButtons = observer(function EstimateListItemButtons
  return (
    <div className="relative flex items-center gap-1">
      <button
-        className="relative flex h-6 w-6 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-sm transition-colors hover:bg-layer-1"
+        className="nodedc-settings-secondary-button relative flex h-10 w-10 min-h-0 min-w-0 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-[1rem] px-0 transition-colors"
        onClick={() => onDeleteClick && onDeleteClick(estimateId)}
        data-ph-element={PROJECT_SETTINGS_TRACKER_ELEMENTS.ESTIMATES_LIST_ITEM}
      >
@@ -120,7 +120,7 @@ export const IssuesHeader = observer(function IssuesHeader() {
          <Button
            variant="primary"
            size="lg"
-            className="nodedc-toolbar-primary"
+            className="nodedc-toolbar-primary nodedc-toolbar-primary-wide"
            onClick={() => {
              toggleCreateIssueModal(true, EIssuesStoreType.PROJECT);
            }}
@@ -24,6 +24,8 @@ function ProjectAttributes(props: Props) {
  const { t } = useTranslation();
  const { control } = useFormContext<IProject>();
  const { getIndex } = getTabIndex(ETabIndices.PROJECT_CREATE, isMobile);
+  const projectAttributeChipClassName =
+    "nodedc-modal-chip !h-10 !rounded-[1.25rem] !px-4 !py-2 !text-13";
  return (
    <div className="flex flex-wrap items-center gap-2">
      <Controller
@@ -50,8 +52,8 @@ function ProjectAttributes(props: Props) {
                  </div>
                }
                placement="bottom-start"
-                className="h-full"
-                buttonClassName="h-full"
+                className="h-10"
+                buttonClassName={projectAttributeChipClassName}
                noChevron
                tabIndex={getIndex("network")}
              >
@@ -84,6 +86,9 @@ function ProjectAttributes(props: Props) {
                  placeholder={t("lead")}
                  multiple={false}
                  buttonVariant="border-with-text"
+                  buttonClassName={projectAttributeChipClassName}
+                  buttonContainerClassName="!h-10"
+                  showUserDetails
                  tabIndex={getIndex("lead")}
                />
              </div>
@@ -167,8 +167,8 @@ export const CreateProjectForm = observer(function CreateProjectForm(props: TCre
    <FormProvider {...methods}>
      <ProjectCreateHeader handleClose={handleClose} isMobile={isMobile} />

-      <form onSubmit={handleSubmit(onSubmit)} className="px-3">
-        <div className="mt-9 space-y-6 pb-5">
+      <form onSubmit={handleSubmit(onSubmit)} className="px-6">
+        <div className="mt-10 space-y-6 pb-6">
          <ProjectCommonAttributes
            setValue={setValue}
            isMobile={isMobile}