Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
markerHeight={arrowSize * 2}
markerWidth={arrowSize}
refY={arrowSize}
refX="0"
>
<p>Dark Theme without Fluent Design</p>
<p>Light Theme without Fluent Design</p>
render() {
const baseStyle = React.CSSProperties = {
margin: '10px 0'
};
const descStyle = {
...
getTheme().typographyStyles.base,
color: getTheme().baseMedium
};
return (
<div>
<h5 style="{getTheme().typographyStyles.subTitle}">API Key</h5>
<p style="{descStyle}">
Your API key can be found in your preferences page on steamgriddb.com.
</p>
</div>
)
}
}
render() {
const baseStyle = React.CSSProperties = {
margin: '10px 0'
};
const descStyle = {
...
getTheme().typographyStyles.base,
color: getTheme().baseMedium
};
return (
<div>
<h5 style="{getTheme().typographyStyles.subTitle}">API Key</h5>
<p style="{descStyle}">
Your API key can be found in your preferences page on steamgriddb.com.
</p>
</div>
)
}
}
}}
paneStyle={{
marginTop: 30,
backgroundColor: 'rgba(0,0,0,.2)',
backgroundImage: `url(${UWPNoise})`,
backdropFilter: 'blur(20px)',
}}
background="transparent"
displayMode="overlay"
autoResize={false}
initWidth={navWidth}
navigationTopNodes={navigationTopNodes}
focusNavigationNodeIndex={0}
>
<div style="{{">
{redirectTo && }
</div>
lineHeight: '31px',
backgroundColor: '#141414',
zIndex: 2,
}}
size={22}
>
Back
);
titleWidth = `calc(100% - ${navWidth}px)`;
}
return (
<div style="{{">
{backBtn}
</div>