👌 FB CodeRabbit: Better border-radius

FabianWilms · FabianWilms · commit 9bbffb8b8d0d · 2025-06-30T10:08:41.000+02:00
diff --git a/personalization-webcomponents/src/components/ChecklistCard.vue b/personalization-webcomponents/src/components/ChecklistCard.vue
@@ -105,7 +105,7 @@ function gotoChecklist(checklistId: string) {
 .card-header-icon {
   margin-right: 16px;
   border: 1px solid var(--color-neutrals-blue);
-  border-radius: 56px;
+  border-radius: 50%;
 }
 
 .pt-8 {
diff --git a/personalization-webcomponents/src/components/checklist-checked-circle.vue b/personalization-webcomponents/src/components/checklist-checked-circle.vue
@@ -15,7 +15,7 @@ defineProps<{
 .circle {
   width: 20px;
   height: 20px;
-  border-radius: 24px;
+  border-radius: 50%;
   border: 2px solid var(--color-brand-main-blue);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -105,7 +105,7 @@ function gotoChecklist(checklistId: string) {`
`105`	`105`	`.card-header-icon {`
`106`	`106`	`margin-right: 16px;`
`107`	`107`	`border: 1px solid var(--color-neutrals-blue);`
`108`		`- border-radius: 56px;`
	`108`	`+ border-radius: 50%;`
`109`	`109`	`}`
`110`	`110`
`111`	`111`	`.pt-8 {`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ defineProps<{`
`15`	`15`	`.circle {`
`16`	`16`	`width: 20px;`
`17`	`17`	`height: 20px;`
`18`		`- border-radius: 24px;`
	`18`	`+ border-radius: 50%;`
`19`	`19`	`border: 2px solid var(--color-brand-main-blue);`
`20`	`20`	`}`
`21`	`21`