mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-15 03:59:21 +00:00
Compare commits
4 Commits
Author | SHA1 | Date | |
---|---|---|---|
4a55f00ff0 | |||
d30ae95a0d | |||
264e9a4cad | |||
6a8fb50b0e |
@ -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",
|
||||
|
@ -19,7 +19,7 @@ export default [
|
||||
output: [
|
||||
{
|
||||
file: pkg.main,
|
||||
format: 'es',
|
||||
format: 'cjs',
|
||||
assetFileNames: 'style.css'
|
||||
}
|
||||
]
|
||||
|
@ -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 ? (
|
||||
|
Reference in New Issue
Block a user