From 68e76b55aa3f799ef930552e91e1eaecb6e3567a Mon Sep 17 00:00:00 2001
From: Axel Rindle <axel.rindle@codeanker.de>
Date: Fri, 6 Sep 2024 22:02:21 +0200
Subject: [PATCH] use css variable

---
 frontend/src/components/UIComponents/CircularProgress.vue  | 4 ++--
 frontend/src/components/UIComponents/VeranstaltungCard.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/UIComponents/CircularProgress.vue b/frontend/src/components/UIComponents/CircularProgress.vue
index f60d07cb..43a831f3 100644
--- a/frontend/src/components/UIComponents/CircularProgress.vue
+++ b/frontend/src/components/UIComponents/CircularProgress.vue
@@ -37,7 +37,7 @@ const pxStroke = computed(() => `${props.strokeWidth}px`)
       <circle class="fg"></circle>
     </svg>
     <div class="absolute inset-0 flex items-center justify-center">
-      <p class="font-semibold text-xl text-center">{{ props.formatter(props.progress) }} %</p>
+      <p class="font-semibold text-xl text-center mb-0">{{ props.formatter(props.progress) }} %</p>
     </div>
   </div>
 </template>
@@ -76,6 +76,6 @@ const pxStroke = computed(() => `${props.strokeWidth}px`)
   transform-origin: var(--half-size) var(--half-size);
   stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
   transition: stroke-dasharray 0.3s linear 0s;
-  stroke: #16a34a;
+  @apply stroke-primary-600;
 }
 </style>
diff --git a/frontend/src/components/UIComponents/VeranstaltungCard.vue b/frontend/src/components/UIComponents/VeranstaltungCard.vue
index 0232cc60..8e28cc2f 100644
--- a/frontend/src/components/UIComponents/VeranstaltungCard.vue
+++ b/frontend/src/components/UIComponents/VeranstaltungCard.vue
@@ -47,7 +47,7 @@ const percent = computed(() => (totalAnmeldungen.value / veranstaltung.maxTeilne
     </p>
 
     <CircularProgress
-      class="mt-6"
+      class="py-6"
       :progress="percent"
       :formatter="(v) => v.toFixed(2)"
     />