yearly view, mobile ui

lectures/templates/lectures/view_group_lectures.html

@@ -18,8 +18,7 @@
             v-slot="{ isCurrentView, toggleView }"
         >
             <div class="flex justify-center mb-10">
-                <ui-horizontal-scrollable>
-                    <div class="switch">
+                <div class="switch overflow-x-auto">
                     <a
                         @click="toggleView('current_lectures')"
                         class="switch__item"
@@ -36,7 +35,6 @@
                         :class="{'switch__item--active': isCurrentView('recordings')}"
                     >Záznamy</a>
                 </div>
-                </ui-horizontal-scrollable>
             </div>
             <div>
                 <template v-if="isCurrentView('current_lectures')">
@@ -52,7 +50,7 @@
                 </template>
                 <template v-if="isCurrentView('calendar')">
                     <div>
-                        <ui-person-calendar events='{{ calendar_data|safe }}'></ui-person-calendar>
+                        <ui-year-calendar events='{{ calendar_data|safe }}'></ui-year-calendar>
                     </div>
                 </template>
                 <template v-if="isCurrentView('recordings')">

shared/static/shared/style.css

@@ -1160,6 +1160,10 @@ html {
   overflow: hidden;
 }
 
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
 .text-ellipsis {
   text-overflow: ellipsis;
 }