Refine empty-state text colors and schedule card spacing

src/components/ScheduleBox.vue

@@ -1,5 +1,9 @@
 <template>
-  <ProductContainer :bg="type.bg" class="w-full pt-10 pb-4">
+  <ProductContainer
+    :bg="type.bg"
+    class="w-full pt-10"
+    :class="loading || store.activeSchedule || nextSchedule ? 'pb-4' : 'pb-1'"
+  >
     <div class="space-y-2">
       <div class="flex items-center space-x-2 mx-2">
         <img :src="type.img" width="40" height="40" />
@@ -46,7 +50,7 @@
         </div>
       </div>
 
-      <p v-else class="bg-zinc-900/70 mx-1 rounded-lg py-12 text-center font-splatoon2 text-splatoon-yellow">
+      <p v-else class="bg-zinc-900/70 mx-1 rounded-lg py-12 text-center font-splatoon2">
         {{ $t('times.checkback') }}
       </p>
 

src/components/gear/DailyDropGear.vue

@@ -50,7 +50,7 @@
 
       <template v-else>
         <div class="h-24 flex items-center justify-center">
-          <div class="font-splatoon2 text-splatoon-yellow">
+          <div class="font-splatoon2">
             {{ $t('times.checkback') }}
           </div>
         </div>

src/components/salmonrun/SalmonRunBox.vue

@@ -8,7 +8,7 @@
         {{ $t('salmonrun.title') }}
       </div>
 
-      <p v-if="!loading && !activeSchedule && !upcomingSchedules.length" class="py-12 text-center font-splatoon2 text-splatoon-yellow">
+      <p v-if="!loading && !activeSchedule && !upcomingSchedules.length" class="py-12 text-center font-splatoon2">
         {{ $t('times.checkback') }}
       </p>
 

src/views/SplatfestsView.vue

@@ -2,7 +2,7 @@
   <MainLayout :title="$t('festival.title')">
     <PageDataState v-slot="{ loading }" :sources="sources">
       <div class="mx-4 md:mx-12 w-full space-y-10">
-        <p v-if="!loading && !festivalsWithResults.length" class="py-24 text-center font-splatoon2 text-splatoon-yellow">
+        <p v-if="!loading && !festivalsWithResults.length" class="py-24 text-center font-splatoon2">
           {{ $t('times.checkback') }}
         </p>
         <div v-for="(festival, i) in loading ? [null, null] : festivalsWithResults" :key="festival?.id ?? i" class="flex flex-wrap items-center justify-center gap-y-6 md:gap-x-6">