Compare commits

...

4 Commits

Author SHA1 Message Date
4a55f00ff0 v0.7.2 2021-03-31 10:17:23 +02:00
d30ae95a0d Fixed everything :D
Signed-off-by: Florian BOUILLON <florian.bouillon@delta-wings.net>
2021-03-31 10:16:46 +02:00
264e9a4cad v0.7.1 2021-03-31 09:55:47 +02:00
6a8fb50b0e Made Logo optionnal
Signed-off-by: Florian BOUILLON <florian.bouillon@delta-wings.net>
2021-03-31 09:54:20 +02:00
3 changed files with 12 additions and 10 deletions

View File

@ -1,8 +1,8 @@
{
"name": "@dzeio/components",
"version": "0.7.0",
"version": "0.7.2",
"license": "MIT",
"main": "./index.mjs",
"main": "./index.js",
"types": "./types/index.d.ts",
"devDependencies": {
"@babel/core": "^7.12.16",

View File

@ -19,7 +19,7 @@ export default [
output: [
{
file: pkg.main,
format: 'es',
format: 'cjs',
assetFileNames: 'style.css'
}
]

View File

@ -21,7 +21,7 @@ interface Props {
/**
* Logo to display
*/
logo: ImageProps & {height: number, width: number}
logo?: ImageProps & {height: number, width: number}
/**
* Login URL
*/
@ -82,7 +82,7 @@ interface State {
/**
* Navbar/Sidebar Component
* @version 1.0.0
* @version 1.0.1
*/
export default class Navbar extends React.Component<Props, State> {
@ -164,11 +164,13 @@ export default class Navbar extends React.Component<Props, State> {
<>
<nav className={buildClassName(css[this.getType()], [css.short, this.state.short && !this.props.mobileMenu], [css.mobile, this.props.mobileMenu])}>
<Row nowrap className={css.header} align="center">
<Col className={css.imgContainer}>
<Link href="/">
<Image {...this.props.logo} height={34} width={this.props.logo.width*34/this.props.logo.height} />
</Link>
</Col>
{this.props.logo && (
<Col className={css.imgContainer}>
<Link href="/">
<Image {...this.props.logo} height={34} width={this.props.logo.width*34/this.props.logo.height} />
</Link>
</Col>
)}
{this.getType() === 'sidebar' && (
<Col nogrow><Text><div onClick={this.onSidebarButton}>
{this.state.short ? (