-
-
Notifications
You must be signed in to change notification settings - Fork 7.7k
/
StyledListRow.js
67 lines (63 loc) 路 1.07 KB
/
StyledListRow.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/**
*
* StyledListRow
*
*/
import styled from 'styled-components';
import { colors } from 'strapi-helper-plugin';
const StyledListRow = styled.tr`
background-color: transparent;
p {
margin-bottom: 0;
}
img {
width: 35px;
}
button {
cursor: pointer;
}
td:first-of-type {
padding-left: 3rem;
position: relative;
img {
width: 35px;
height: 20px;
position: absolute;
top: calc(50% - 10px);
left: 3rem;
}
img + p {
width: 237px;
padding-left: calc(3rem + 35px);
}
}
td:nth-child(2) {
width: 25rem;
p {
font-weight: 500;
text-transform: capitalize;
}
}
td:last-child {
text-align: right;
}
&.relation-row {
background: linear-gradient(
135deg,
rgba(28, 93, 231, 0.05),
rgba(239, 243, 253, 0)
);
}
&.clickable {
&:hover {
cursor: pointer;
background-color: ${colors.grey};
& + tr {
&::before {
background-color: transparent;
}
}
}
}
`;
export default StyledListRow;