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