diff --git a/web_viewer/fe_src/src/App.css b/web_viewer/fe_src/src/App.css index 5f5d485..2184019 100644 --- a/web_viewer/fe_src/src/App.css +++ b/web_viewer/fe_src/src/App.css @@ -12,6 +12,24 @@ flex-direction: row; } + +.flex-1 { + flex: 1; +} + +.flex-2 { + flex: 2; +} + +.col { + display: flex; + flex-direction: column; +} + +.align-start { + align-items: flex-start; +} + .align-center { align-items: center; } @@ -32,19 +50,6 @@ justify-content: flex-end; } -.flex-1 { - flex: 1; -} - -.flex-2 { - flex: 2; -} - -.col { - display: flex; - flex-direction: column; -} - .description { color: #d7d7d7; } diff --git a/web_viewer/fe_src/src/components/DisplayYield.tsx b/web_viewer/fe_src/src/components/DisplayYield.tsx new file mode 100644 index 0000000..ffac77e --- /dev/null +++ b/web_viewer/fe_src/src/components/DisplayYield.tsx @@ -0,0 +1,27 @@ +import { memo } from "react"; +import { ITotal } from "../Intefaces"; +import GeneralValue from "./GeneralValue"; + +interface IProps { + total?: ITotal; + ePVDay: number; +} +function DisplayYield({ total, ePVDay }: IProps) { + return ( +