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

feat(FinancialSheet): add skeleton view.

Browse Source
This commit is contained in:
a.bouhuolia
2022-02-02 12:08:57 +02:00
parent b4f6d2c7f1
commit c72802d683
35 changed files with 426 additions and 320 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetTable.js
View File

@@ -2,13 +2,10 @@ import React from 'react';
import styled from 'styled-components';
import { TableStyle } from 'common';
import { FormattedMessage as T } from 'components';
import { useProfitLossSheetColumns } from './hooks';
import FinancialSheet from 'components/FinancialSheet';
import DataTable from 'components/DataTable';
import { DataTable, FinancialSheet, FormattedMessage as T } from 'components';
import { tableRowTypesToClassnames, defaultExpanderReducer } from 'utils';
import { useProfitLossSheetColumns } from './hooks';
import { useProfitLossSheetContext } from './ProfitLossProvider';
export default function ProfitLossSheetTable({
@@ -60,8 +57,8 @@ const ProfitLossDataTable = styled(DataTable)`
.tbody .tr {
.td {
border-bottom: 0;
padding-top: 0.36rem;
padding-bottom: 0.36rem;
padding-top: 0.32rem;
padding-bottom: 0.32rem;
}
&.is-expanded {
.td:not(.name) .cell-inner {
@@ -74,8 +71,8 @@ const ProfitLossDataTable = styled(DataTable)`
border-top: 1px solid #bbb;
}
}
&:last-of-type .td{
border-bottom: 1px solid #bbb;
&:last-of-type .td {
border-bottom: 3px double #000;
}
}
}