@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.js CHANGED
@@ -3049,6 +3049,7 @@ var Search$1 = router.withRouter(Search);
3049
3049
 
3050
3050
  var NavDvm = function NavDvm(props) {
3051
3051
  var logo = props.logo,
3052
+ mobileLogo = props.mobileLogo,
3052
3053
  dataObject = props.dataObject;
3053
3054
 
3054
3055
 
@@ -3057,7 +3058,7 @@ var NavDvm = function NavDvm(props) {
3057
3058
  null,
3058
3059
  React__default.createElement(
3059
3060
  Navbar,
3060
- { expand: 'md' },
3061
+ { className: 'top-nav', expand: 'md' },
3061
3062
  React__default.createElement(
3062
3063
  Container,
3063
3064
  null,
@@ -3082,10 +3083,19 @@ var NavDvm = function NavDvm(props) {
3082
3083
  ),
3083
3084
  React__default.createElement(
3084
3085
  Navbar,
3085
- { variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top' },
3086
+ { className: 'bottom-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top' },
3086
3087
  React__default.createElement(
3087
3088
  Container,
3088
- null,
3089
+ { className: 'position-relative' },
3090
+ mobileLogo && React__default.createElement(
3091
+ Link,
3092
+ { href: '/' },
3093
+ React__default.createElement(
3094
+ 'a',
3095
+ { className: 'mobile-logo' },
3096
+ React__default.createElement('img', { src: mobileLogo })
3097
+ )
3098
+ ),
3089
3099
  React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
3090
3100
  React__default.createElement(
3091
3101
  Navbar.Collapse,
@@ -3132,6 +3142,11 @@ var NavDvm = function NavDvm(props) {
3132
3142
  React__default.createElement(Search$1, null)
3133
3143
  )
3134
3144
  )
3145
+ ),
3146
+ React__default.createElement(
3147
+ 'style',
3148
+ { jsx: true },
3149
+ '\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 '
3135
3150
  )
3136
3151
  );
3137
3152
  };