fix(cards): Left sidebar width error in cards detail (#5192)

erxes · May 9, 2024 · 7a18242 · 7a18242
1 parent 5213ebe
commit 7a18242
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/packages/ui-cards/src/boards/styles/item.ts b/packages/ui-cards/src/boards/styles/item.ts
@@ -1,15 +1,15 @@
-import { colors, dimensions } from '@erxes/ui/src/styles';
-import styled, { css } from 'styled-components';
+import { colors, dimensions } from "@erxes/ui/src/styles";
+import styled, { css } from "styled-components";
 
-import Button from '@erxes/ui/src/components/Button';
-import { Flex } from '@erxes/ui/src/styles/main';
-import { FormContainer } from '../styles/common';
-import { StageInfo } from './stage';
-import { borderRadius } from './common';
-import { rgba } from '@erxes/ui/src/styles/ecolor';
-import styledTS from 'styled-components-ts';
+import Button from "@erxes/ui/src/components/Button";
+import { Flex } from "@erxes/ui/src/styles/main";
+import { FormContainer } from "../styles/common";
+import { StageInfo } from "./stage";
+import { borderRadius } from "./common";
+import { rgba } from "@erxes/ui/src/styles/ecolor";
+import styledTS from "styled-components-ts";
 
-const buttonColor = '#0a1e3c';
+const buttonColor = "#0a1e3c";
 
 export const Content = styled.div`
   padding: 12px 22px;
@@ -152,9 +152,9 @@ export const AddContent = styled.div`
     margin-right: ${dimensions.coreSpacing}px;
 
     &:before {
-      content: '\\e9a8';
+      content: "\\e9a8";
       font-style: normal;
-      font-family: 'erxes';
+      font-family: "erxes";
       font-size: 16px;
       position: absolute;
       color: #777;
@@ -261,6 +261,7 @@ export const SpaceContent = styled(Flex)`
 export const LeftContainer = styled.div`
   margin-right: ${dimensions.coreSpacing}px;
   flex: 1;
+  width: 60%;
   textarea {
     resize: none;
   }
@@ -322,7 +323,9 @@ export const MoveContainer = styled(Flex)`
 `;
 
 export const MoveContainerWidth = styled(Flex)`
-  @media (min-width: 1200px){width: 720px;}
+  @media (min-width: 1200px) {
+    width: 720px;
+  }
 `;
 
 export const ActionContainer = styled(MoveContainer)`