fix: changes border radius to sm

db-ui · Apr 11, 2024 · 6ef6c3d · 6ef6c3d
1 parent b080007
commit 6ef6c3d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/components/src/components/accordion-item/accordion-item.scss b/packages/components/src/components/accordion-item/accordion-item.scss
@@ -5,10 +5,12 @@
 @use "../../styles/form-components";
 @use "../../styles/component";
 
+$db-accordion-item-border-radius: variables.$db-border-radius-sm;
+
 .db-accordion-item {
 	position: relative;
 	inline-size: 100%;
-	border-radius: variables.$db-border-radius-lg;
+	border-radius: $db-accordion-item-border-radius;
 
 	summary + div {
 		padding: variables.$db-spacing-fixed-md;
@@ -29,7 +31,7 @@
 		justify-content: space-between;
 		padding: variables.$db-spacing-fixed-md;
 		gap: variables.$db-spacing-fixed-md;
-		border-radius: variables.$db-border-radius-lg;
+		border-radius: $db-accordion-item-border-radius;
 
 		@include helpers.hover {
 			background-color: colors.$db-current-color-bg-transparent-hover;

diff --git a/packages/components/src/components/accordion/accordion.scss b/packages/components/src/components/accordion/accordion.scss
@@ -52,7 +52,7 @@ The spacings are not part of the styling of the accordion items themselves.
 				inset-block-start: 0;
 				inline-size: 100%;
 				block-size: 100%;
-				border-radius: variables.$db-border-radius-lg;
+				border-radius: variables.$db-border-radius-sm;
 				pointer-events: none;
 			}
 		}