@titaui/pc 1.12.62 → 1.12.64

package/lib/components/avatar/default.js

@@ -96,9 +96,7 @@ var Avatar = function Avatar(props) {
       style: {
         width: size.width,
         height: size.width,
-        verticalAlign: "top",
-        borderRadius: '50%',
-        overflow: 'hidden'
+        verticalAlign: "top"
       },
       src: src
     });
@@ -121,8 +119,7 @@ var Avatar = function Avatar(props) {
           overflow: "hidden",
           whiteSpace: "nowrap",
           fontSize: "".concat(size.fontSize, "px"),
-          lineHeight: "".concat(size.width, "px"),
-          borderRadius: '50%'
+          lineHeight: "".concat(size.width, "px")
         }
       }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: name,

package/lib/components/avatar/index.css

@@ -20,8 +20,6 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: 50%;
-  overflow: hidden;
 }
 
 .titaui-pc-avator__delete-wrapper {

package/lib/components/dialog-confirm/index.css

@@ -100,7 +100,6 @@
 .titaui-dialog-confirm__body-title {
   display: inline-flex;
   align-items: center;
-  margin-left: 6px;
 }
 
 .titaui-dialog-confirm__body-title-icon {

package/lib/components/dialog-confirm/index.js

@@ -79,11 +79,9 @@ function DialogConfirm(props) {
   var contentInstance;
 
   _react["default"].Children.forEach(children, function (child) {
-    if (child) {
-      if (child.props.type == "button") footer.push(child);
-      if (child.props.type == "title") titleInstance = child;
-      if (child.props.type == "content") contentInstance = child;
-    }
+    if (child.props.type == "button") footer.push(child);
+    if (child.props.type == "title") titleInstance = child;
+    if (child.props.type == "content") contentInstance = child;
   });
 
   var getConfirmIcon = function getConfirmIcon(type) {
@@ -92,9 +90,7 @@ function DialogConfirm(props) {
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-tishi",
           style: {
-            color: "#FFBC00",
-            fontSize: '18px',
-            verticalAlign: '-2px'
+            color: "#FFBC00"
           }
         });
 

package/lib/components/drawer/index.css

@@ -27,14 +27,14 @@
   display: flex;
   align-items: center;
   padding: 0 32px;
-  color: #141c28;
+  color: #141C28;
   font-weight: 600;
   font-size: 16px;
 }
 
 .titaui-drawer-header-back {
   font-size: 12px;
-  color: #89919f;
+  color: #89919F;
 }
 
 .titaui-drawer-header-back:hover {
@@ -49,7 +49,7 @@
   margin: 0 8px;
   width: 1px;
   height: 22px;
-  background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #bfc7d5 50%, rgba(240, 242, 245, 0) 100%);
+  background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #BFC7D5 50%, rgba(240, 242, 245, 0) 100%);
 }
 
 .titaui-drawer-header-action {
@@ -114,7 +114,7 @@
 }
 
 .titaui-drawer-header-action-drop-wrapper::before, .titaui-drawer-header-action-drop-wrapper::after {
-  content: '';
+  content: "";
   display: block;
   position: absolute;
   top: -4px;
@@ -174,7 +174,7 @@
   align-items: center;
   padding: 0 23px;
   cursor: pointer;
-  color: #bfc7d5;
+  color: #BFC7D5;
 }
 
 .titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon {

package/lib/components/drawer/index.js

@@ -56,7 +56,7 @@ var Drawer = function Drawer(props) {
 
   var visible = props.visible,
       _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'right' : _props$placement,
+      placement = _props$placement === void 0 ? "right" : _props$placement,
       children = props.children,
       _props$mask = props.mask,
       mask = _props$mask === void 0 ? false : _props$mask,
@@ -94,7 +94,7 @@ var Drawer = function Drawer(props) {
   }
 
   var autoClose = function autoClose(e) {
-    if ((0, _dom.hasAncestorElement)(e.target, 'document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add,addClassName')) {
+    if ((0, _dom.hasAncestorElement)(e.target, "document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add")) {
       return;
     }
 
@@ -103,11 +103,11 @@ var Drawer = function Drawer(props) {
 
   (0, _react.useEffect)(function () {
     if (autoClosable) {
-      document.addEventListener('mousedown', autoClose);
+      document.addEventListener("mousedown", autoClose);
     }
 
     return function () {
-      document.removeEventListener('mousedown', autoClose);
+      document.removeEventListener("mousedown", autoClose);
     };
   }, []);
   return /*#__PURE__*/_react["default"].createElement(DrawerContext.Provider, {
@@ -117,7 +117,7 @@ var Drawer = function Drawer(props) {
       }
     }
   }, /*#__PURE__*/_react["default"].createElement(_rcDrawer["default"], _extends({
-    className: (0, _classnames["default"])('titaui-drawer', 'document-mouse-event-ignore', className),
+    className: (0, _classnames["default"])("titaui-drawer", "document-mouse-event-ignore", className),
     style: _objectSpread(_objectSpread({}, style), {}, {
       zIndex: zIndex
     })
@@ -170,7 +170,7 @@ function DrawerHeader(_ref) {
     onClick: manager && manager.goBack
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "tu-icon-fanhui"
-  }), (0, _getLocale.getLocale)('Mod_Back')), showBackBtn && hasContent && /*#__PURE__*/_react["default"].createElement("div", {
+  }), (0, _getLocale.getLocale)("Mod_Back")), showBackBtn && hasContent && /*#__PURE__*/_react["default"].createElement("div", {
     className: "titaui-drawer-header-divider"
   }), hasContent && content, /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -181,7 +181,7 @@ function DrawerHeader(_ref) {
   }), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
     approvalSetting: approvalSetting,
     detailInfo: detailInfo,
-    title: (0, _getLocale.getLocale)('Mod_MoreOperate'),
+    title: (0, _getLocale.getLocale)("Mod_MoreOperate"),
     icon: "tu-icon-10",
     children: collapsedActions
   }), showClose && /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/drop-selector/index.js

@@ -23,7 +23,7 @@ require("./index.css");
 var _iconItem = _interopRequireDefault(require("./icon-item"));
 
 var _excluded = ["name", "multi", "children", "onClick", "className"],
-    _excluded2 = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit", "popAction", "onPopupVisibleChange", "popupProps"];
+    _excluded2 = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit", "popAction", "onPopupVisibleChange"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -142,8 +142,6 @@ function DropSelector(props) {
       _props$popAction = props.popAction,
       popAction = _props$popAction === void 0 ? ['click'] : _props$popAction,
       onPopupVisibleChange = props.onPopupVisibleChange,
-      _props$popupProps = props.popupProps,
-      popupProps = _props$popupProps === void 0 ? {} : _props$popupProps,
       restProps = _objectWithoutProperties(props, _excluded2);
 
   var _useState3 = (0, _react.useState)(false),
@@ -177,17 +175,16 @@ function DropSelector(props) {
     }
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_popup["default"], _extends({
+  return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
     popupVisible: canEdit && realVisible,
     popupPlacement: popupPlacement,
     onPopupVisibleChange: handlePopVisibleChange,
     destroyPopupOnHide: destroyPopupOnHide,
-    action: popAction
-  }, popupProps, {
+    action: popAction,
     popup: /*#__PURE__*/_react["default"].createElement(DropSelectorLayer, _extends({}, restProps, {
       onItemClick: onMenuClickHandler
     }))
-  }), trigger);
+  }, trigger);
 }
 
 DropSelector.IconItem = IconItem;

package/lib/components/dynamic/constant.js

@@ -124,10 +124,6 @@ var PlanReportType = ["titaPlanReport", "titaPlanManagerReport", "TeamCompletion
 exports.PlanReportType = PlanReportType;
 var PlanReportTrackActionNameMap = {
   titaPlanReport: "动态日报推送",
-  titaPlanManagerReport: "动态日报推送-管理者",
-  StaffPlanAnalysis: "动态日报推送-员工",
-  TenantManagerAttentionAnalysis: "动态日报推送-管理者关注度分析",
-  TeamCompletionAnalysis: "动态日报推送-团队完成度分析",
-  TeamCompletionNotice: "动态日报推送-团队完成度通知"
+  titaPlanManagerReport: "动态日报推送-管理者"
 };
 exports.PlanReportTrackActionNameMap = PlanReportTrackActionNameMap;

package/lib/components/dynamic/dynamic-item/components/header/index.js

@@ -58,8 +58,6 @@ var prefix = "titaui-dynamic-item-header";
 var DynamicItemHeader = function DynamicItemHeader(_ref) {
   var _ref$onDeleteFeed = _ref.onDeleteFeed,
       onDeleteFeed = _ref$onDeleteFeed === void 0 ? function () {} : _ref$onDeleteFeed,
-      _ref$showCollect = _ref.showCollect,
-      showCollect = _ref$showCollect === void 0 ? true : _ref$showCollect,
       _ref$showDelete = _ref.showDelete,
       showDelete = _ref$showDelete === void 0 ? false : _ref$showDelete,
       _ref$showTopping = _ref.showTopping,
@@ -77,7 +75,6 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       _data$isCollect = data.isCollect,
       isCollect = _data$isCollect === void 0 ? false : _data$isCollect,
       feedType = data.feedType;
-  var isOldSummary = feedType === _constant.EFeedType.Report && !data.newSummary;
 
   var _useState = (0, _react.useState)(isTop),
       _useState2 = _slicedToArray(_useState, 2),
@@ -97,11 +94,53 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
       selectVisible = _useState8[0],
-      setSelectVisible = _useState8[1];
+      setSelectVisible = _useState8[1]; // const url = getUrlForUserPage({
+  //   userId: publishUser.id || publishUser.userId,
+  //   userType: publishUser.userType || 2,
+  // });
+
 
   var url = "";
 
-  var onChangeHandler = function onChangeHandler(name) {};
+  var onChangeHandler = function onChangeHandler(name) {
+    if (name === "collect") {
+      if (nowIsCollect) {
+        (0, _requestApi.cancelCollectDynamic)({
+          feedId: feedId
+        }).then(function (resp) {
+          if (resp.Code === 1) {
+            setNowIsCollect(!nowIsCollect);
+            setSelectVisible(false);
+
+            _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
+              canClose: false
+            });
+          } else {
+            _toast["default"].Error(resp.Message, {
+              canClose: false
+            });
+          }
+        });
+      } else {
+        (0, _requestApi.collectDynamic)({
+          feedId: feedId
+        }).then(function (resp) {
+          if (resp.Code === 1) {
+            setNowIsCollect(!nowIsCollect);
+            setSelectVisible(false);
+
+            _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
+              canClose: false
+            });
+          } else {
+            _toast["default"].Error(resp.Message, {
+              canClose: false
+            });
+          }
+        });
+      }
+    }
+  };
 
   var handleTopOperateClick = function handleTopOperateClick() {
     if (nowIsTop) {
@@ -151,44 +190,6 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     setSelectVisible(false);
   };
 
-  var handleCollectClick = function handleCollectClick() {
-    if (nowIsCollect) {
-      (0, _requestApi.cancelCollectDynamic)({
-        feedId: feedId
-      }).then(function (resp) {
-        if (resp.Code === 1) {
-          setNowIsCollect(!nowIsCollect);
-          setSelectVisible(false);
-
-          _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
-            canClose: false
-          });
-        } else {
-          _toast["default"].Error(resp.Message, {
-            canClose: false
-          });
-        }
-      });
-    } else {
-      (0, _requestApi.collectDynamic)({
-        feedId: feedId
-      }).then(function (resp) {
-        if (resp.Code === 1) {
-          setNowIsCollect(!nowIsCollect);
-          setSelectVisible(false);
-
-          _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
-            canClose: false
-          });
-        } else {
-          _toast["default"].Error(resp.Message, {
-            canClose: false
-          });
-        }
-      });
-    }
-  };
-
   var enSureDeleteDynamic = function enSureDeleteDynamic() {
     (0, _requestApi.deleteDynamic)({
       feedId: feedId
@@ -268,7 +269,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       name: user.name,
       id: user.userId
     })
-  })), desc, suffixContent), (showCollect || showTopping || showDelete) && /*#__PURE__*/_react["default"].createElement("div", {
+  })), desc, suffixContent), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__more-operate")
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
     popupPlacement: "bottomRight",
@@ -280,16 +281,13 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       className: (0, _classnames["default"])("".concat(prefix, "-right"), "tu-icon-more1"),
       onClick: handleShowDropSelector
     })
-  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: showCollect
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
-    name: "collect",
-    onClick: handleCollectClick
+    name: "collect"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__more-operate-selection")
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-APP-shoucang", "".concat(prefix, "__more-operate-selection-icon"))
-  }), nowIsCollect ? (0, _getLocale.getLocale)("Mod_CancCollection") : (0, _getLocale.getLocale)("Mod_Collection")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+  }), nowIsCollect ? (0, _getLocale.getLocale)("Mod_CancCollection") : (0, _getLocale.getLocale)("Mod_Collection"))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: showTopping
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
     name: "top",

package/lib/components/dynamic/dynamic-item/dynamic-assessment/index.js

@@ -68,7 +68,7 @@ var DynamicAssessment = function DynamicAssessment(_ref) {
     data: data
   }, restProps, {
     desc: renderDesc,
-    user: data.principalUser || data.publishUser
+    user: data.principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.js

@@ -66,8 +66,7 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
       _data$okrStatus = data.okrStatus,
       okrStatus = _data$okrStatus === void 0 ? 1 : _data$okrStatus,
       _data$okrProgress = data.okrProgress,
-      okrProgress = _data$okrProgress === void 0 ? 0 : _data$okrProgress,
-      publishUser = data.publishUser;
+      okrProgress = _data$okrProgress === void 0 ? 0 : _data$okrProgress;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -129,7 +128,7 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
     data: data
   }, restProps, {
     desc: renderDesc,
-    user: principalUser || publishUser
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/dynamic/dynamic-item/dynamic-kr/index.js

@@ -54,8 +54,7 @@ var DynamicKr = function DynamicKr(_ref) {
 
   var name = data.name,
       krId = data.krId,
-      principalUser = data.principalUser,
-      publishUser = data.publishUser;
+      principalUser = data.principalUser;
 
   var handleClickKrTitle = function handleClickKrTitle() {
     _drawerManager["default"].open('krDetail', {
@@ -88,7 +87,7 @@ var DynamicKr = function DynamicKr(_ref) {
     data: data
   }, restProps, {
     desc: renderDesc,
-    user: principalUser || publishUser
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/dynamic/dynamic-item/dynamic-milestone/index.js

@@ -54,8 +54,7 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
       startDate = data.startDate,
       endDate = data.endDate,
       obj = data.obj,
-      principalUser = data.principalUser,
-      publishUser = data.publishUser;
+      principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -107,7 +106,7 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
     data: data
   }, restProps, {
     desc: renderDesc,
-    user: principalUser || publishUser
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/dynamic/dynamic-item/dynamic-project/index.js

@@ -53,8 +53,7 @@ var DynamicProject = function DynamicProject(_ref) {
       workName = data.workName,
       startDate = data.startDate,
       deadline = data.deadline,
-      principalUser = data.principalUser,
-      publishUser = data.publishUser;
+      principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -83,7 +82,7 @@ var DynamicProject = function DynamicProject(_ref) {
     data: data
   }, restProps, {
     desc: renderDesc,
-    user: principalUser || publishUser
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/dynamic/dynamic-item/dynamic-report/index.css

@@ -105,8 +105,25 @@
   font-size: 12px;
   line-height: 18px;
   margin-left: 8px;
-  border-radius: 10px 10px 10px 0px;
-  padding: 1px 6px;
+  border-radius: 12px;
+  padding: 2px 8px;
+}
+
+.titaui-dynamic-report-item__complete-type-icon {
+  margin-right: 4px;
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+}
+
+.titaui-dynamic-report-item__complete-type-icon--normal {
+  background: url("../../img/dynamic-submit-normal.svg") no-repeat;
+  background-size: 14px;
+}
+
+.titaui-dynamic-report-item__complete-type-icon--delay {
+  background: url("../../img/dynamic-submit-delay.svg") no-repeat;
+  background-size: 14px;
 }
 
 .titaui-dynamic-report-item__complete-type--normal {
@@ -115,8 +132,8 @@
 }
 
 .titaui-dynamic-report-item__complete-type--delay {
-  background: rgba(240, 163, 38, 0.16);
-  color: #f0a326;
+  color: #624dff;
+  background-color: rgba(98, 77, 255, 0.16);
 }
 
 .titaui-dynamic-report-item .highlight {

package/lib/components/dynamic/dynamic-item/dynamic-report/index.js

@@ -81,11 +81,13 @@ var DynamicReply = function DynamicReply(_ref) {
   };
 
   var renderSuffix = (0, _react.useMemo)(function () {
-    var _classNames;
+    var _classNames, _classNames2;
 
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])("".concat(prefix, "__complete-type"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__complete-type--normal"), submitState === 1), _defineProperty(_classNames, "".concat(prefix, "__complete-type--delay"), submitState === 2), _classNames))
-    }, submitState === 1 ? (0, _getLocale.getLocale)("Rep_Tab_Mys_Submitontime") : (0, _getLocale.getLocale)("Tasks_Tab_DelaSubmission"));
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(prefix, "__complete-type-icon"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "__complete-type-icon--normal"), submitState === 1), _defineProperty(_classNames2, "".concat(prefix, "__complete-type-icon--delay"), submitState === 2), _classNames2))
+    }), submitState === 1 ? (0, _getLocale.getLocale)("Rep_Tab_Mys_Submitontime") : (0, _getLocale.getLocale)("Tasks_Tab_DelaSubmission"));
   }, []);
   var renderDesc = (0, _react.useMemo)(function () {
     var reportTextMap = {
@@ -96,7 +98,7 @@ var DynamicReply = function DynamicReply(_ref) {
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
     }, reportTextMap[reportType]);
-  }, [reportType]);
+  }, []);
   (0, _react.useEffect)(function () {
     (0, _tools.highLightWord)({
       parentDom: contentRichTextRef.current,

package/lib/components/dynamic/dynamic-item/dynamic-task/index.js

@@ -59,8 +59,7 @@ var DynamicTask = function DynamicTask(_ref) {
       deadline = data.deadline,
       obj = data.obj,
       principalUser = data.principalUser,
-      workId = data.workId,
-      publishUser = data.publishUser;
+      workId = data.workId;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -136,7 +135,7 @@ var DynamicTask = function DynamicTask(_ref) {
     data: data
   }, restProps, {
     desc: renderDesc,
-    user: principalUser || publishUser
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/dynamic/dynamic-item/index.css

@@ -10,7 +10,7 @@
 .titaui-dynamic-item__content {
   position: relative;
   overflow: hidden;
-  margin-right: 20px;
+  margin-right: 24px;
 }
 
 .titaui-dynamic-item__content-show-more {
@@ -23,7 +23,6 @@
   display: flex;
   align-items: flex-end;
   justify-content: center;
-  z-index: 2;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
   border-radius: 1px;
   font-size: 14px;
@@ -37,7 +36,7 @@
 }
 
 .titaui-dynamic-item__footer {
-  margin: 0 24px 0 88px;
+  margin: 8px 24px 0 88px;
   height: 54px;
   border-radius: 0px 0px 6px 6px;
   display: flex;