add line to ApartmentList

This commit is contained in:
b1ek 2023-05-09 15:40:05 +10:00
parent e24310a910
commit 4fc71731c3
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 22 additions and 4 deletions

View File

@ -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>
) )
} }

View File

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