|
|
@@ -27,14 +27,6 @@ const CheckboxStyled = styled(Checkbox) `
|
|
|
opacity: ${props => props.checked ? 1 : 0};
|
|
|
transition: all ${StyleProps.animations.swift};
|
|
|
`
|
|
|
-const Wrapper = styled.div`
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-
|
|
|
- &:hover ${CheckboxStyled} {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
-`
|
|
|
const Content = styled.div`
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -50,6 +42,18 @@ const Content = styled.div`
|
|
|
background: ${Palette.grayscale[1]};
|
|
|
}
|
|
|
`
|
|
|
+const Wrapper = styled.div`
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ &:hover ${CheckboxStyled} {
|
|
|
+ opacity: 1;
|
|
|
+ } }
|
|
|
+
|
|
|
+ &:last-child ${Content} {
|
|
|
+ border-bottom: 1px solid ${Palette.grayscale[1]};
|
|
|
+ }
|
|
|
+`
|
|
|
const Image = styled.div`
|
|
|
min-width: 48px;
|
|
|
height: 48px;
|