Skip to content

Commit 0b35086

Browse files
MenamAfzalMenamAfzal
committed
formating removed-93
1 parent 2b6c276 commit 0b35086

File tree

1 file changed

+53
-53
lines changed
  • client/packages/lowcoder/src/comps/comps/containerComp

1 file changed

+53
-53
lines changed

‎client/packages/lowcoder/src/comps/comps/containerComp/cardComp.tsx

Lines changed: 53 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -28,78 +28,78 @@ const Warpper = styled.div<{
2828
$cardType: string;
2929
$headerStyle: CardHeaderStyleType;
3030
$bodyStyle: CardHeaderStyleType;
31-
$animationStyle:AnimationStyleType;
31+
$animationStyle: AnimationStyleType;
3232
}>`
3333
height: 100%;
3434
width: 100%;
35-
.ant-card-small >.ant-card-head {
36-
background-color: ${props => props.$headerStyle?.background} !important;
37-
border: ${props => props.$headerStyle?.border};
38-
border-style: ${props => props.$headerStyle?.borderStyle};
39-
border-width: ${props => props.$headerStyle?.borderWidth};
40-
border-radius: ${props => props.$headerStyle?.radius};
41-
font-size: ${props => props.$headerStyle?.textSize};
42-
font-style: ${props => props.$headerStyle?.fontStyle};
43-
font-family: ${props => props.$headerStyle?.fontFamily};
44-
font-weight: ${props => props.$headerStyle?.textWeight};
45-
text-transform: ${props => props.$headerStyle?.textTransform};
46-
text-decoration: ${props => props.$headerStyle?.textDecoration};
47-
color: ${props => props.$headerStyle?.text};
48-
rotate: ${props => props.$headerStyle?.rotation};
49-
margin: ${props => props.$headerStyle?.margin};
50-
padding: ${props => props.$headerStyle?.padding};
35+
.ant-card-small > .ant-card-head {
36+
background-color: ${(props) => props.$headerStyle?.background} !important;
37+
border: ${(props) => props.$headerStyle?.border};
38+
border-style: ${(props) => props.$headerStyle?.borderStyle};
39+
border-width: ${(props) => props.$headerStyle?.borderWidth};
40+
border-radius: ${(props) => props.$headerStyle?.radius};
41+
font-size: ${(props) => props.$headerStyle?.textSize};
42+
font-style: ${(props) => props.$headerStyle?.fontStyle};
43+
font-family: ${(props) => props.$headerStyle?.fontFamily};
44+
font-weight: ${(props) => props.$headerStyle?.textWeight};
45+
text-transform: ${(props) => props.$headerStyle?.textTransform};
46+
text-decoration: ${(props) => props.$headerStyle?.textDecoration};
47+
color: ${(props) => props.$headerStyle?.text};
48+
rotate: ${(props) => props.$headerStyle?.rotation};
49+
margin: ${(props) => props.$headerStyle?.margin};
50+
padding: ${(props) => props.$headerStyle?.padding};
5151
}
5252
.ant-card .ant-card-actions {
53-
border-top: 1px solid ${props => props.$style?.border};
53+
border-top: 1px solid ${(props) => props.$style?.border};
5454
}
55-
.ant-card .ant-card-actions>li:not(:last-child) {
56-
border-inline-end: 1px solid ${props => props.$style?.border};
55+
.ant-card .ant-card-actions > li:not(:last-child) {
56+
border-inline-end: 1px solid ${(props) => props.$style?.border};
5757
}
5858
.ant-card .ant-card-actions {
59-
background-color: ${props => props.$style?.background};
59+
background-color: ${(props) => props.$style?.background};
6060
}
6161
.ant-card .ant-card-body {
62-
background-color: ${props => props.$bodyStyle?.background} !important;
63-
border: ${props => props.$bodyStyle?.border};
64-
border-style: ${props => props.$bodyStyle?.borderStyle};
65-
border-width: ${props => props.$bodyStyle?.borderWidth};
66-
border-radius: ${props => props.$bodyStyle?.radius};
67-
rotate: ${props => props.$bodyStyle?.rotation};
68-
margin: ${props => props.$bodyStyle?.margin};
69-
padding: ${props => props.$bodyStyle?.padding};
62+
background-color: ${(props) => props.$bodyStyle?.background} !important;
63+
border: ${(props) => props.$bodyStyle?.border};
64+
border-style: ${(props) => props.$bodyStyle?.borderStyle};
65+
border-width: ${(props) => props.$bodyStyle?.borderWidth};
66+
border-radius: ${(props) => props.$bodyStyle?.radius};
67+
rotate: ${(props) => props.$bodyStyle?.rotation};
68+
margin: ${(props) => props.$bodyStyle?.margin};
69+
padding: ${(props) => props.$bodyStyle?.padding};
7070
}
7171
.ant-card {
7272
display: flex;
7373
flex-direction: column;
7474
justify-content: space-between;
75-
background-color: ${props => props.$style?.background};
76-
border: ${props => props.$style?.border};
77-
border-style: ${props => props.$style?.borderStyle};
78-
border-radius: ${props => props.$style?.radius};
79-
border-width: ${props => props.$style?.borderWidth};
80-
${props=>props.$animationStyle}
75+
background-color: ${(props) => props.$style?.background};
76+
border: ${(props) => props.$style?.border};
77+
border-style: ${(props) => props.$style?.borderStyle};
78+
border-radius: ${(props) => props.$style?.radius};
79+
border-width: ${(props) => props.$style?.borderWidth};
80+
${(props) => props.$animationStyle}
8181
}
8282
.ant-card-body {
83-
display: ${props => props.$showMate ? '' : 'none'};
84-
height: ${props => props.$cardType == 'custom' ? '100%' : 'auto'};
83+
display: ${(props) => (props.$showMate ? '' : 'none')};
84+
height: ${(props) => (props.$cardType == 'custom' ? '100%' : 'auto')};
8585
}
86-
.ant-card-body .ant-card-meta .ant-card-meta-title{
87-
color: ${props => props.$bodyStyle?.text} !important;
88-
font-size: ${props => props.$bodyStyle?.textSize};
89-
font-style: ${props => props.$bodyStyle?.fontStyle};
90-
font-family: ${props => props.$bodyStyle?.fontFamily};
91-
font-weight: ${props => props.$bodyStyle?.textWeight};
92-
text-transform: ${props => props.$bodyStyle?.textTransform};
93-
text-decoration: ${props => props.$bodyStyle?.textDecoration};
86+
.ant-card-body .ant-card-meta .ant-card-meta-title {
87+
color: ${(props) => props.$bodyStyle?.text} !important;
88+
font-size: ${(props) => props.$bodyStyle?.textSize};
89+
font-style: ${(props) => props.$bodyStyle?.fontStyle};
90+
font-family: ${(props) => props.$bodyStyle?.fontFamily};
91+
font-weight: ${(props) => props.$bodyStyle?.textWeight};
92+
text-transform: ${(props) => props.$bodyStyle?.textTransform};
93+
text-decoration: ${(props) => props.$bodyStyle?.textDecoration};
9494
}
95-
.ant-card-body .ant-card-meta .ant-card-meta-description{
96-
color: ${props => props.$bodyStyle?.text} !important;
97-
font-size: ${props => props.$bodyStyle?.textSize};
98-
font-style: ${props => props.$bodyStyle?.fontStyle};
99-
font-family: ${props => props.$bodyStyle?.fontFamily};
100-
font-weight: ${props => props.$bodyStyle?.textWeight};
101-
text-transform: ${props => props.$bodyStyle?.textTransform};
102-
text-decoration: ${props => props.$bodyStyle?.textDecoration};
95+
.ant-card-body .ant-card-meta .ant-card-meta-description {
96+
color: ${(props) => props.$bodyStyle?.text} !important;
97+
font-size: ${(props) => props.$bodyStyle?.textSize};
98+
font-style: ${(props) => props.$bodyStyle?.fontStyle};
99+
font-family: ${(props) => props.$bodyStyle?.fontFamily};
100+
font-weight: ${(props) => props.$bodyStyle?.textWeight};
101+
text-transform: ${(props) => props.$bodyStyle?.textTransform};
102+
text-decoration: ${(props) => props.$bodyStyle?.textDecoration};
103103
}
104104
`;
105105

0 commit comments

Comments
 (0)