Fix in schedule view: Change buttons to make it more clear that are a…

… button (#527)
hackupc · Apr 7, 2024 · 8e54652 · 8e54652
1 parent de6cfeb
commit 8e54652
Showing 1 changed file with 13 additions and 14 deletions.
diff --git a/src/views/Schedule.vue b/src/views/Schedule.vue
@@ -22,7 +22,6 @@ const currentSchedule = computed<'live' | 'detailed'>(() => {
 <template>
   <PanelContainer id="schedule" class="schedule">
     <div class="explore">
-      <p class="explore__title">Select your favourite view</p>
       <div class="explore__list">
         <RouterLink
           :to="{
@@ -80,33 +79,28 @@ const currentSchedule = computed<'live' | 'detailed'>(() => {
 }
 
 .explore {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
   margin-top: 20px;
-  text-align: center;
-
-  &__title {
-    margin: 0 0 20px;
-    color: $primary-color-light;
-    font-size: 20px;
-    font-weight: bold;
-    text-align: center;
-  }
+  margin-right: 20px;
 }
 
 .note {
-  margin: 15px 0;
+  margin: 0;
   color: $primary-color-light;
-  font-size: 18px;
+  font-size: 15px;
   text-align: center;
 }
 
 .button {
   display: inline-block;
   padding: 8px 24px;
   margin: 0 0.2em 16px;
-  background: $primary-color;
+  background: $links-color;
   border-radius: 3px;
   box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
-  color: $text-color;
+  color: #000;
   cursor: url('../assets/img/rocket-fire.png'), auto;
   font-weight: bold;
 
@@ -115,5 +109,10 @@ const currentSchedule = computed<'live' | 'detailed'>(() => {
     opacity: 0.4;
     pointer-events: none;
   }
+
+  &:hover {
+    background: $links-color-hover;
+    color: #fff;
+  }
 }
 </style>