add GalleryMap component in Gallery

src/components/layouts/SideView.vue

@@ -7,11 +7,11 @@
     :body-class="{ paddings: !noCross }"
     backdrop backdrop-variant="light"
   >
-    <template #default="{ hide }">
+    <template #default="{ hide, visible }">
       <div v-if="!noCross" class="btn-close-wrapper">
         <button-close @click="hide()" />
       </div>
-      <slot name="default" v-bind="{ hide }" />
+      <slot name="default" v-bind="{ hide, visible }" />
     </template>
   </b-sidebar>
 </template>
@@ -38,11 +38,11 @@ export default {
       background-color: red;
       width: auto;
 
-      @include media-breakpoint-down($size-bp-down) {
+      @media (orientation: portrait) {
         width: 100%;
       }
 
-      @include media-breakpoint-up($size-bp) {
+      @media (orientation: landscape)  {
         max-width: 50%;
 
         &:not(.b-sidebar-right) {