use css variable

codeanker · Sep 6, 2024 · 68e76b5 · 68e76b5
1 parent fec2451
commit 68e76b5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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)"
     />