fix tab bar

Travigo · May 2, 2024 · 0fd8f33 · 0fd8f33
1 parent 5f33b74
commit 0fd8f33
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/views/Stops/View.vue b/src/views/Stops/View.vue
@@ -55,20 +55,20 @@
         </div>
 
         <div class="flex flex-col-reverse md:flex-row h-full">
-          <div class="basis-full md:basis-1/2 md:mr-2 mt-2" v-bind:class="{ hidden: this.currentTab == 'departures', visible: this.currentTab == 'departures' }">  
+          <div class="basis-full md:basis-1/2 md:mr-2 mt-2" v-bind:class="{ hidden: this.currentTab !== 'departures', visible: this.currentTab === 'departures' }">  
             <Card>
               <span v-if="this.loadingDepartures && this.departures === null" class="text-xs font-semibold inline-block py-1 px-2 rounded text-amber-600 bg-amber-200 mr-1">
                 Loading...
               </span>
               <DeparturesList v-else :stop="this.stop" :departures="this.departures"/>
             </Card>
           </div>
-          <div class="basis-full md:basis-1/2 md:mr-2 mt-2 hidden" v-bind:class="{ hidden: this.currentTab == 'arrivals', visible: this.currentTab == 'arrivals' }">  
+          <div class="basis-full md:basis-1/2 md:mr-2 mt-2 hidden" v-bind:class="{ hidden: this.currentTab !== 'arrivals', visible: this.currentTab === 'arrivals' }">  
             <Card>
               Arrivals not implemented yet
             </Card>
           </div>
-          <div class="basis-full md:basis-1/2 md:mr-2 mt-2 hidden" v-bind:class="{ hidden: this.currentTab == 'details', visible: this.currentTab == 'details' }">  
+          <div class="basis-full md:basis-1/2 md:mr-2 mt-2 hidden" v-bind:class="{ hidden: this.currentTab !== 'details', visible: this.currentTab === 'details' }">  
             <Card>
              Details not implemented yet
             </Card>