From c79ce39148abfca3fc8a9f9f8565532b9059c99f Mon Sep 17 00:00:00 2001
From: yashjagtap23 <108370176+yashjagtap23@users.noreply.github.com>
Date: Wed, 2 Aug 2023 18:39:57 -0500
Subject: [PATCH] countdown now appears as a card

---
 src/components/cards/PwcCard.vue | 48 +++++++++++++++++---------------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/components/cards/PwcCard.vue b/src/components/cards/PwcCard.vue
index 4a8e3f61..4d605db0 100644
--- a/src/components/cards/PwcCard.vue
+++ b/src/components/cards/PwcCard.vue
@@ -1,14 +1,20 @@
 <template>
-    <div class="card">
-        <h1>PWC Gym Countdown</h1>
+    <card class="card">
+        <h1 class="title">PWC Hours</h1>
         <div class="countdown">
             <p v-if="isOpen">Time remaining until closure: {{ countdownTime }}</p>
             <p v-else>Time remaining until next opening: {{ countdownTime }}</p>
         </div>
-    </div>
+    </card>
 </template>
 
-<script>export default {
+<script>
+    import Card from '@/components/Card.vue';
+
+
+export default {
+
+        components: { Card },components: { Card },
         data() {
             return {
                 openingTimes: [
@@ -129,28 +135,24 @@
 <style lang="sass" scoped>
 @import 'src/styles/style.sass'
 
+
 .card
-  padding: 10px
-  background-color: #00563F
-  color: #FFFFFF
-  display: flex
-  flex-direction: column
-  justify-content: center
-  align-items: center
-  min-height: 150px
-  width: 200px
+  padding: 0 8px
+  padding-bottom: 5px
+
 
-  .title
-    font-size: 18px
-    margin: 15px 0
-    text-align: center
+.title
+  font-size: 30px
+  
+  margin: 15px 0
+  text-align: center
 
 
-  .countdown
-    font-size: 16px
-    font-weight: bold
-    margin-top: 10px
+.countdown
+  font-size: 16px
+  
+  margin-top: 10px
 
-  .countdown p
-    margin: 5px 0
+.countdown p
+  margin: 5px 0
 </style>
\ No newline at end of file