mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-16 21:00:31 +00:00
62 lines
1.2 KiB
TypeScript
62 lines
1.2 KiB
TypeScript
// @ts-nocheck
|
|
import React from 'react';
|
|
import classNames from 'classnames';
|
|
import styled from 'styled-components';
|
|
import { DashboardInsider } from '@/components';
|
|
import { CLASSES } from '@/constants/classes';
|
|
|
|
/**
|
|
* Financial report page.
|
|
*/
|
|
export default function FinancialReportPage(props) {
|
|
return (
|
|
<FinancialReportPageRoot
|
|
{...props}
|
|
className={classNames(CLASSES.FINANCIAL_REPORT_INSIDER, props.className)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export const FinancialComputeAlert = styled.div`
|
|
position: relative;
|
|
padding: 8px 20px;
|
|
border-radius: 2px;
|
|
background-color: #fdecda;
|
|
color: #342515;
|
|
font-size: 13px;
|
|
|
|
button {
|
|
font-size: 12px;
|
|
min-height: 16px;
|
|
padding: 0 4px;
|
|
|
|
&,
|
|
&:hover {
|
|
color: #824400;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
svg {
|
|
margin-right: 6px;
|
|
position: relative;
|
|
top: -2px;
|
|
fill: #975f19;
|
|
}
|
|
`;
|
|
|
|
export const FinancialProgressbar = styled.div`
|
|
.progress-materializecss {
|
|
top: -2px;
|
|
}
|
|
`;
|
|
|
|
export const FinancialReportPageRoot = styled(DashboardInsider)``;
|
|
|
|
export const FinancialReportBody = styled.div`
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
`;
|