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", "name": "@dzeio/components",
"version": "0.7.0", "version": "0.7.2",
"license": "MIT", "license": "MIT",
"main": "./index.mjs", "main": "./index.js",
"types": "./types/index.d.ts", "types": "./types/index.d.ts",
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.16", "@babel/core": "^7.12.16",

View File

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

View File

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