fix: group name style

ydb-platform · Jul 2, 2024 · 148fe59 · 148fe59
1 parent b5a1805
commit 148fe59
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/containers/Tenant/Acl/Acl.scss b/src/containers/Tenant/Acl/Acl.scss
@@ -13,4 +13,7 @@
         display: flex;
         flex-direction: column;
     }
+    &__group-label {
+        @include subheader-2-typography();
+    }
 }
diff --git a/src/containers/Tenant/Acl/Acl.tsx b/src/containers/Tenant/Acl/Acl.tsx
@@ -97,7 +97,7 @@ function getAclListItems(acl?: TACE[]): DefinitionListItem[] {
             };
         }
         return {
-            label: Subject,
+            label: <span className={b('group-label')}>{Subject}</span>,
             items: aclParams
                 .map((key) => {
                     const value = data[key];

diff --git a/src/styles/mixins.scss b/src/styles/mixins.scss
@@ -35,6 +35,11 @@
     line-height: var(--g-text-subheader-3-line-height);
 }
 
+@mixin subheader-2-typography() {
+    font-size: var(--g-text-subheader-2-font-size);
+    line-height: var(--g-text-subheader-2-line-height);
+}
+
 @mixin header-1-typography() {
     font-size: var(--g-text-header-1-font-size);
     line-height: var(--g-text-header-1-line-height);