Skip to content

Commit

Permalink
Small CSS (#62)
Browse files Browse the repository at this point in the history
* Merged

* Fix

* Moved the padding outside of the chart element itself, more a container thing
  • Loading branch information
Alex-NRCan authored Dec 8, 2023
1 parent 5c9df43 commit 06f2941
Showing 2 changed files with 18 additions and 16 deletions.
29 changes: 16 additions & 13 deletions src/app.tsx
Original file line number Diff line number Diff line change
@@ -20,8 +20,9 @@ export function App(props: TypeAppProps): JSX.Element {
const w = window as any;
// Fetch the cgpv module
const { cgpv } = w;
const { react, useTranslation } = cgpv;
const { react, ui, useTranslation } = cgpv;
const { useEffect, useState, useCallback } = react;
const { Box } = ui.elements;
const { schemaValidator } = props;

// Translation
@@ -152,18 +153,20 @@ export function App(props: TypeAppProps): JSX.Element {

// Render the Chart
return (
<GeoChart
inputs={inputs}
schemaValidator={schemaValidator}
chart={chart}
data={data}
options={options}
action={action}
isLoadingChart={isLoadingChart}
isLoadingDatasource={isLoadingDatasource}
onParsed={handleParsed}
onError={handleError}
/>
<Box sx={{ padding: '10px' }}>
<GeoChart
inputs={inputs}
schemaValidator={schemaValidator}
chart={chart}
data={data}
options={options}
action={action}
isLoadingChart={isLoadingChart}
isLoadingDatasource={isLoadingDatasource}
onParsed={handleParsed}
onError={handleError}
/>
</Box>
);

// #endregion
5 changes: 2 additions & 3 deletions src/chart-style.ts
Original file line number Diff line number Diff line change
@@ -3,11 +3,10 @@
*/
export const sxClasses = {
mainContainer: {
width: '100%',
minHeight: '400px',
},
mainGeoChartContainer: {
padding: '10px',
},
mainGeoChartContainer: {},
header: {
display: 'flex',
alignItems: 'center',

0 comments on commit 06f2941

Please sign in to comment.