@saooti/octopus-sdk 38.0.4 → 38.0.6

package/index.ts

@@ -24,6 +24,7 @@ export const getFooter = () => import("./src/components/misc/FooterSection.vue")
 export const getPlayer = () => import("./src/components/misc/player/PlayerComponent.vue");
 export const getSnackbar = () => import("./src/components/misc/SnackBar.vue");
 export const getTopBar = () => import("./src/components/misc/TopBar.vue");
+export const getMobileMenu = () => import("./src/components/misc/MobileMenu.vue");
 export const getHomeDropdown = () => import("./src/components/misc/HomeDropdown.vue");
 export const getMessageModal = () => import("./src/components/misc/modal/MessageModal.vue");
 export const getErrorMessage = () => import("./src/components/misc/ErrorMessage.vue");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "38.0.4",
+  "version": "38.0.6",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/display/live/RadioPlanning.vue

@@ -3,12 +3,12 @@
     <h2 class="big-h2 mb-3 height-40">
       {{ $t("Program") }}
     </h2>
-    <div class="border">
+    <div class="py-3">
       <div class="d-flex align-items-center w-100">
         <button
           v-for="day in arrayDays"
           :key="day.date"
-          class="d-flex flex-column align-items-center flex-grow-1"
+          class="d-flex flex-column align-items-center flex-grow-1 button-date"
           :class="day.date == daySelected ? 'bg-primary text-white' : ''"
           @click="changeDate(day.date)"
         >
@@ -71,7 +71,7 @@
                   >
                     {{ $t("Live") }}
                   </div>
-                  <div class="flex-grow-1 text-truncate">
+                  <div class="flex-grow-1 text-truncate fw-bold">
                     {{ planningItem.occurrence.podcastData.title }}
                   </div>
                 </div>
@@ -227,6 +227,14 @@ export default defineComponent({
 .octopus-app {
   .program-item-date {
     width: 100px;
+    font-size: 1.1rem;
+  }
+  .button-date{
+    border: 1px solid #ddd;
+    padding: 0.5rem 0;
+    &:hover{
+      background: #ddd;
+    }
   }
 }
 </style>

package/src/components/misc/MobileMenu.vue

@@ -182,7 +182,3 @@ export default defineComponent({
 
 });
 </script>
-
-<style lang="scss">
-
-</style>