add line to ApartmentList
This commit is contained in:
parent
e24310a910
commit
4fc71731c3
|
@ -1,5 +1,19 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import CardApartment from '../CardApartament';
|
import CardApartment from '../CardApartament';
|
||||||
|
import styled from 'styled-components';
|
||||||
|
|
||||||
|
const ListElement = styled.li`
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
border-image: linear-gradient(to right, transparent 33.5%, #c2c4c2 33.5%) 100% 1;
|
||||||
|
box-sizing: border-box;
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 20px 0;
|
||||||
|
|
||||||
|
& section {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
*
|
*
|
||||||
|
@ -11,12 +25,16 @@ export default function ApartmentsList(props) {
|
||||||
const list = props.list;
|
const list = props.list;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<ul>
|
||||||
{
|
{
|
||||||
list.map((el, i) => {
|
list.map((el, i) => {
|
||||||
return <CardApartment results={el} />
|
return (
|
||||||
|
<ListElement>
|
||||||
|
<CardApartment results={el} />
|
||||||
|
</ListElement>
|
||||||
|
);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
</div>
|
</ul>
|
||||||
)
|
)
|
||||||
}
|
}
|
|
@ -91,7 +91,7 @@ const SubmitBtn = styled.button`
|
||||||
background: royalblue;
|
background: royalblue;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
color: #f9f9f9;W
|
color: #f9f9f9;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const SearchBarFilter = styled.div`
|
const SearchBarFilter = styled.div`
|
||||||
|
|
Loading…
Reference in New Issue