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

plane-src/packages/ui/src/modals/alert-modal.tsx

@@ -75,8 +75,14 @@ export function AlertModalCore(props: Props) {
   const Icon = VARIANT_ICONS[variant];
 
   return (
-    <ModalCore isOpen={isOpen} handleClose={handleClose} position={position} width={width}>
-      <div className="flex flex-col items-center gap-4 p-5 sm:flex-row sm:items-start">
+    <ModalCore
+      isOpen={isOpen}
+      handleClose={handleClose}
+      position={position}
+      width={width}
+      className="transition-[width] ease-linear"
+    >
+      <div className="flex flex-col items-center gap-4 px-6 pt-6 pb-5 sm:flex-row sm:items-start">
         {!hideIcon && (
           <span
             className={cn(
@@ -88,15 +94,24 @@ export function AlertModalCore(props: Props) {
           </span>
         )}
         <div className="text-center sm:text-left">
-          <h3 className="text-16 font-medium">{title}</h3>
+          <h3 className="text-18 font-medium text-secondary">{title}</h3>
           <p className="mt-1 text-13 text-secondary">{content}</p>
         </div>
       </div>
-      <div className="flex flex-col-reverse gap-2 border-t-[0.5px] border-subtle px-5 py-4 sm:flex-row sm:justify-end">
-        <Button variant="secondary" onClick={handleClose}>
+      <div className="flex flex-col-reverse gap-3 border-t border-subtle/70 px-6 py-4 sm:flex-row sm:justify-end">
+        <Button variant="secondary" onClick={handleClose} className="nodedc-modal-secondary-button min-w-[8.25rem]">
           {secondaryButtonText}
         </Button>
-        <Button variant={BUTTON_VARIANTS[variant]} tabIndex={1} onClick={handleSubmit} loading={isSubmitting}>
+        <Button
+          variant={BUTTON_VARIANTS[variant]}
+          tabIndex={1}
+          onClick={handleSubmit}
+          loading={isSubmitting}
+          className={cn("min-w-[8.25rem]", {
+            "nodedc-modal-danger-button": variant === "danger",
+            "nodedc-modal-primary-button": variant === "primary",
+          })}
+        >
           {isSubmitting ? primaryButtonText.loading : primaryButtonText.default}
         </Button>
       </div>