aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-14 18:49:32 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-14 18:49:32 +0800
commitf452fc5bc799934954f726b74e30d3a9642c289d (patch)
tree8d5ca3f8f85cb5686d51f47f0d5b9b9b3f85c3c0
parent106df4cdaf002d949a2ba1aa73a5cdbb5f443f03 (diff)
downloaddexon-sol-tools-f452fc5bc799934954f726b74e30d3a9642c289d.tar
dexon-sol-tools-f452fc5bc799934954f726b74e30d3a9642c289d.tar.gz
dexon-sol-tools-f452fc5bc799934954f726b74e30d3a9642c289d.tar.bz2
dexon-sol-tools-f452fc5bc799934954f726b74e30d3a9642c289d.tar.lz
dexon-sol-tools-f452fc5bc799934954f726b74e30d3a9642c289d.tar.xz
dexon-sol-tools-f452fc5bc799934954f726b74e30d3a9642c289d.tar.zst
dexon-sol-tools-f452fc5bc799934954f726b74e30d3a9642c289d.zip
Resolves some sitewrap warnings [TO DO]
-rw-r--r--packages/website/ts/@next/components/siteWrap.tsx18
1 files changed, 16 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/siteWrap.tsx b/packages/website/ts/@next/components/siteWrap.tsx
index 57fdcae43..e0956c582 100644
--- a/packages/website/ts/@next/components/siteWrap.tsx
+++ b/packages/website/ts/@next/components/siteWrap.tsx
@@ -18,6 +18,10 @@ interface State {
isMobileNavOpen: boolean;
}
+interface MainProps {
+ isNavToggled: boolean;
+}
+
// we proabbly want to put this somewhere else (themes)
export interface ThemeInterface {
[key: string]: {
@@ -32,6 +36,7 @@ export interface ThemeInterface {
mobileNavColor: string;
dropdownBg: string;
dropdownButtonBg: string;
+ dropdownBorderColor?: string;
dropdownColor: string;
headerButtonBg: string;
footerBg: string;
@@ -78,6 +83,9 @@ const GLOBAL_THEMES: ThemeInterface = {
textColor: '#000000',
paragraphColor: '#777777',
linkColor: colors.brandDark,
+ mobileNavBgUpper: '#FFFFFF',
+ mobileNavBgLower: '#F3F6F4',
+ mobileNavColor: '#000000',
dropdownBg: '#FFFFFF',
dropdownButtonBg: '#F3F6F4',
dropdownColor: '#003831',
@@ -114,10 +122,16 @@ export class SiteWrap extends React.Component<Props, State> {
<ThemeProvider theme={currentTheme}>
<>
<GlobalStyles />
- <Header isNavToggled={isMobileNavOpen} toggleMobileNav={this.toggleMobileNav} />
+
+ <Header
+ isNavToggled={isMobileNavOpen}
+ toggleMobileNav={this.toggleMobileNav}
+ />
+
<Main isNavToggled={isMobileNavOpen}>
{children}
</Main>
+
<Footer/>
</>
</ThemeProvider>
@@ -126,7 +140,7 @@ export class SiteWrap extends React.Component<Props, State> {
}
}
-const Main = styled.main<{ isNavtoggled: boolean }>`
+const Main = styled.main<MainProps>`
transition: transform 0.5s, opacity 0.5s;
transform: translate3d(0, ${props => props.isNavToggled ? '357px' : 0}, 0);
opacity: ${props => props.isNavToggled && '0.5'};