Skip to content

Commit 6262cc7

Browse files
MenamAfzalMenamAfzal
committed
formating removed-91
1 parent 07ab330 commit 6262cc7

File tree

1 file changed

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

1 file changed

+52
-56
lines changed

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

Lines changed: 52 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -32,74 +32,73 @@ const Warpper = styled.div<{
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};
51-
}
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};
5251
.ant-card .ant-card-actions {
53-
border-top: 1px solid ${(props) => props.$style?.border};
52+
border-top: 1px solid ${props => props.$style?.border};
5453
}
55-
.ant-card .ant-card-actions > li:not(:last-child) {
56-
border-inline-end: 1px solid ${(props) => props.$style?.border};
54+
.ant-card .ant-card-actions>li:not(:last-child) {
55+
border-inline-end: 1px solid ${props => props.$style?.border};
5756
}
5857
.ant-card .ant-card-actions {
59-
background-color: ${(props) => props.$style?.background};
58+
background-color: ${props => props.$style?.background};
6059
}
6160
.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};
61+
background-color: ${props => props.$bodyStyle?.background} !important;
62+
border: ${props => props.$bodyStyle?.border};
63+
border-style: ${props => props.$bodyStyle?.borderStyle};
64+
border-width: ${props => props.$bodyStyle?.borderWidth};
65+
border-radius: ${props => props.$bodyStyle?.radius};
66+
rotate: ${props => props.$bodyStyle?.rotation};
67+
margin: ${props => props.$bodyStyle?.margin};
68+
padding: ${props => props.$bodyStyle?.padding};
7069
}
7170
.ant-card {
7271
display: flex;
7372
flex-direction: column;
7473
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};
74+
background-color: ${props => props.$style?.background};
75+
border: ${props => props.$style?.border};
76+
border-style: ${props => props.$style?.borderStyle};
77+
border-radius: ${props => props.$style?.radius};
78+
border-width: ${props => props.$style?.borderWidth};
8079
${props=>props.$animationStyle}
8180
}
8281
.ant-card-body {
83-
display: ${(props) => (props.$showMate ? '' : 'none')};
84-
height: ${(props) => (props.$cardType == 'custom' ? '100%' : 'auto')};
82+
display: ${props => props.$showMate ? '' : 'none'};
83+
height: ${props => props.$cardType == 'custom' ? '100%' : 'auto'};
8584
}
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};
85+
.ant-card-body .ant-card-meta .ant-card-meta-title{
86+
color: ${props => props.$bodyStyle?.text} !important;
87+
font-size: ${props => props.$bodyStyle?.textSize};
88+
font-style: ${props => props.$bodyStyle?.fontStyle};
89+
font-family: ${props => props.$bodyStyle?.fontFamily};
90+
font-weight: ${props => props.$bodyStyle?.textWeight};
91+
text-transform: ${props => props.$bodyStyle?.textTransform};
92+
text-decoration: ${props => props.$bodyStyle?.textDecoration};
9493
}
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};
94+
.ant-card-body .ant-card-meta .ant-card-meta-description{
95+
color: ${props => props.$bodyStyle?.text} !important;
96+
font-size: ${props => props.$bodyStyle?.textSize};
97+
font-style: ${props => props.$bodyStyle?.fontStyle};
98+
font-family: ${props => props.$bodyStyle?.fontFamily};
99+
font-weight: ${props => props.$bodyStyle?.textWeight};
100+
text-transform: ${props => props.$bodyStyle?.textTransform};
101+
text-decoration: ${props => props.$bodyStyle?.textDecoration};
103102
}
104103
`;
105104

@@ -168,10 +167,7 @@ export const ContainerBaseComp = (function () {
168167
extraTitle: withDefault(StringControl, trans('card.more')),
169168
cardType: dropdownControl(cardTypeOption, 'common'),
170169
CoverImg: BoolControl.DEFAULT_TRUE,
171-
imgSrc: withDefault(
172-
StringControl,
173-
'https://lowcoder.cloud/images/e0a89736c6be4393893d2981ac1fd753.png'
174-
),
170+
imgSrc: withDefault(StringControl, "https://lowcoder.cloud/images/e0a89736c6be4393893d2981ac1fd753.png"),
175171
imgHeight: withDefault(StringControl, 'auto'),
176172
showMeta: BoolControl.DEFAULT_TRUE,
177173
metaTitle: withDefault(StringControl, trans('card.metaTitle')),

0 commit comments

Comments
 (0)