QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 14:20:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(warehouse) add warehouse grid item style.

Browse Source
This commit is contained in:
elforjani13
2022-01-30 18:29:10 +02:00
committed by a.bouhuolia
parent 8c594b991c
commit 8be3f23d65
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/containers/Preferences/Warehouses/Warehouses.js
View File

@@ -13,6 +13,7 @@ const WAREHOUSE = [
title: 'Warehouse #1', title: 'Warehouse #1',
code: '1001', code: '1001',
city: 'City', city: 'City',
country: 'Country',
email: 'email@emial.com', email: 'email@emial.com',
phone: '09xxxxxxxx', phone: '09xxxxxxxx',
}, },
@@ -20,6 +21,7 @@ const WAREHOUSE = [
title: 'Warehouse #2', title: 'Warehouse #2',
code: '100', code: '100',
city: 'City', city: 'City',
country: 'Country',
email: 'email@emial.com', email: 'email@emial.com',
phone: '09xxxxxxxx', phone: '09xxxxxxxx',
}, },
@@ -27,6 +29,7 @@ const WAREHOUSE = [
title: 'Warehouse #2', title: 'Warehouse #2',
code: '100', code: '100',
city: 'City', city: 'City',
country: 'Country',
email: 'email@emial.com', email: 'email@emial.com',
phone: '09xxxxxxxx', phone: '09xxxxxxxx',
}, },

13
src/containers/Preferences/Warehouses/WarehousesGridItems.js
View File

@@ -4,8 +4,10 @@ import styled from 'styled-components';
function WarehousesGrid({ warehouse }) { function WarehousesGrid({ warehouse }) {
return ( return (
<WarehouseGrid> <WarehouseGrid>
<WarehouseTitle>{warehouse.title}</WarehouseTitle> <WarehouseHeader>
<WarehouseCode>{warehouse.code}</WarehouseCode> <WarehouseTitle>{warehouse.title}</WarehouseTitle>
<WarehouseCode>{warehouse.code}</WarehouseCode>
</WarehouseHeader>
<WarehouseInfoItem>{warehouse.city}</WarehouseInfoItem> <WarehouseInfoItem>{warehouse.city}</WarehouseInfoItem>
<WarehouseInfoItem>{warehouse.country}</WarehouseInfoItem> <WarehouseInfoItem>{warehouse.country}</WarehouseInfoItem>
<WarehouseInfoItem>{warehouse.email}</WarehouseInfoItem> <WarehouseInfoItem>{warehouse.email}</WarehouseInfoItem>
@@ -33,7 +35,7 @@ const WarehouseGrid = styled.div`
height: 160px; //225px height: 160px; //225px
background: #fff; background: #fff;
margin: 5px; margin: 5px;
padding: 10px 12px; padding: 16px 12px 10px;
border: 1px solid #c8cad0; //#CFD1D6 border: 1px solid #c8cad0; //#CFD1D6
transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
@@ -51,11 +53,14 @@ const WarehouseTitle = styled.div`
line-height: 1; line-height: 1;
`; `;
const WarehouseHeader = styled.div`
margin: 4px 0px 15px;
`;
const WarehouseCode = styled.div` const WarehouseCode = styled.div`
display: inline-block; display: inline-block;
font-size: 11px; font-size: 11px;
color: #6b7176; color: #6b7176;
margin: 4px 0px 15px;
`; `;
const WarehouseInfoItem = styled.div` const WarehouseInfoItem = styled.div`