slight changes in vectors and UI - course pages

Author: BipinKalra

components/courses/ClassroomCourses.vue

@@ -43,13 +43,13 @@
               src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/underline_news.svg"
             />
             <img
-              src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-courses-vector.svg"
+              src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-courses-updated-vector.svg"
               class="d-lg-none d-block mt-50 mx-auto"
             />
           </div>
           <div class="col-6 d-lg-block d-none t-align-r">
             <img
-              src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-courses-vector.svg"
+              src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-courses-updated-vector.svg"
             />
           </div>
         </div>

components/courses/CoursesNavigation.vue

@@ -1,16 +1,20 @@
 <template>
   <div>
-    <div class="mt-50 px-xl-100 px-lg-85 px-md-60 px-sm-50 px-25">
+    <div class="mt-50 px-xl-75 px-lg-60 px-md-50 px-sm-40 px-25">
       <div class="width-limiter">
-        <div class="tabs-secondary w-100 justify-content-end">
-          <div
-            class="tab"
-            v-for="tab in tabs"
-            :key="tab"
-            :class="{ active: activeTab === tab }"
-            v-on:click="switchTab(tab)"
-          >
-            {{ tab.toUpperCase() }}
+        <div
+          class="row no-gutters align-items-center justify-content-sm-end justify-content-center pb-30 navigation-row"
+        >
+          <div class="tabs-secondary justify-content-end">
+            <div
+              class="tab"
+              v-for="tab in tabs"
+              :key="tab"
+              :class="{ active: activeTab === tab }"
+              v-on:click="switchTab(tab)"
+            >
+              {{ tab.toUpperCase() }}
+            </div>
           </div>
         </div>
       </div>
@@ -47,3 +51,9 @@ export default {
   },
 }
 </script>
+
+<style scoped>
+.navigation-row {
+  border-bottom: 1px solid #cccccc;
+}
+</style>

components/courses/LiveCourses.vue

@@ -42,13 +42,13 @@
               src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/underline_blog.svg"
             />
             <img
-              src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/live-courses-vector.svg"
+              src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/live-courses-updated-vector.svg"
               class="d-lg-none d-block mt-50 mx-auto"
             />
           </div>
           <div class="col-6 d-lg-block d-none t-align-r">
             <img
-              src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/live-courses-vector.svg"
+              src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/live-courses-updated-vector.svg"
             />
           </div>
         </div>

pages/events/_id/index.vue

@@ -75,7 +75,7 @@
                   />
                 </button>
                 <div
-                  class="card p-10 font-2 text-grey-light-1 tooltip-body bg-white"
+                  class="card p-10 font-2 text-grey-light-1 tooltip-body bg-white t-align-c"
                 >
                   You will be redirected to Oneauth for <br />
                   Login / Account creation (if you dont have one).
@@ -190,6 +190,6 @@ export default {
 
 .tooltip-container:hover .tooltip-body {
   display: block;
-  bottom: -80px;
+  bottom: -120px;
 }
 </style>