@mjhls/mjh-framework 1.0.46 → 1.0.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -3042,6 +3042,7 @@ var Search$1 = withRouter(Search);
3042
3042
 
3043
3043
  var NavDvm = function NavDvm(props) {
3044
3044
  var logo = props.logo,
3045
+ mobileLogo = props.mobileLogo,
3045
3046
  dataObject = props.dataObject;
3046
3047
 
3047
3048
 
@@ -3050,7 +3051,7 @@ var NavDvm = function NavDvm(props) {
3050
3051
  null,
3051
3052
  React__default.createElement(
3052
3053
  Navbar,
3053
- { expand: 'md' },
3054
+ { className: 'top-nav', expand: 'md' },
3054
3055
  React__default.createElement(
3055
3056
  Container,
3056
3057
  null,
@@ -3075,10 +3076,19 @@ var NavDvm = function NavDvm(props) {
3075
3076
  ),
3076
3077
  React__default.createElement(
3077
3078
  Navbar,
3078
- { variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top' },
3079
+ { className: 'bottom-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top' },
3079
3080
  React__default.createElement(
3080
3081
  Container,
3081
- null,
3082
+ { className: 'position-relative' },
3083
+ mobileLogo && React__default.createElement(
3084
+ Link,
3085
+ { href: '/' },
3086
+ React__default.createElement(
3087
+ 'a',
3088
+ { className: 'mobile-logo' },
3089
+ React__default.createElement('img', { src: mobileLogo })
3090
+ )
3091
+ ),
3082
3092
  React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
3083
3093
  React__default.createElement(
3084
3094
  Navbar.Collapse,
@@ -3125,6 +3135,11 @@ var NavDvm = function NavDvm(props) {
3125
3135
  React__default.createElement(Search$1, null)
3126
3136
  )
3127
3137
  )
3138
+ ),
3139
+ React__default.createElement(
3140
+ 'style',
3141
+ { jsx: true },
3142
+ '\n .mobile-logo{\n display: none;\n position: absolute;\n left: 50%;\n top: 0;\n height: 40px;\n transform: translateX(-50%);\n }\n .mobile-logo img{\n height: 100%;\n }\n @media screen and (max-width: 991px){\n .mobile-logo{\n display: block;\n }\n \n .top-nav{\n display: none;\n }\n }\n '
3128
3143
  )
3129
3144
  );
3130
3145
  };