added green line to match weather

stevenson-space · Aug 3, 2023 · b0a1972 · b0a1972
1 parent 232dafd
commit b0a1972
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/components/cards/PwcCard.vue b/src/components/cards/PwcCard.vue
@@ -1,11 +1,12 @@
 <template>
     <card class="card">
         <p class="title">PWC Hours</p>
+        <div class="green-line"></div>
         <div class="countdown">
             <p v-if="isOpen">{{ countdownTime }}</p>
-      <p v-else>{{ countdownTime }}</p>
-      <p v-if="isOpen" class="time-text">Time remaining until closure</p>
-      <p v-else class="time-text">Time remaining until next opening</p>
+            <p v-else>{{ countdownTime }}</p>
+            <p v-if="isOpen" class="time-text">Time remaining until closure</p>
+            <p v-else class="time-text">Time remaining until next opening</p>
         </div>
     </card>
 </template>
@@ -163,6 +164,13 @@ export default {
 .time-text 
   font-size: 12px 
   text-align: center
-  color: #333 
+  color: #333
+
+.green-line 
+  width: 100%
+  height: 1px
+  background-color: #006400
+  margin-bottom: 10px
+
 
 </style>