Просмотр исходного кода

The last endpoint in the list has no bottom border

Sergiu Miclea 8 лет назад
Родитель
Сommit
df2ccc6973
1 измененных файлов с 12 добавлено и 8 удалено
  1. 12 8
      src/components/molecules/EndpointListItem/EndpointListItem.jsx

+ 12 - 8
src/components/molecules/EndpointListItem/EndpointListItem.jsx

@@ -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;