+
-
+
diff --git a/projects/social_platform/src/app/ui/pages/members/member-filters-dialog/member-filters-dialog.component.scss b/projects/social_platform/src/app/ui/pages/members/member-filters-dialog/member-filters-dialog.component.scss
index 4634c0cd5..f659550ba 100644
--- a/projects/social_platform/src/app/ui/pages/members/member-filters-dialog/member-filters-dialog.component.scss
+++ b/projects/social_platform/src/app/ui/pages/members/member-filters-dialog/member-filters-dialog.component.scss
@@ -1,6 +1,6 @@
/** @format */
-// Portal находится вне host; стили ограничены только локальным классом окна фильтров.
+/* Portal находится вне host; стили ограничены только локальным классом окна фильтров. */
.modal .modal__body.member-filters-dialog-body {
box-sizing: border-box;
display: block;
@@ -23,7 +23,7 @@
h2 {
margin: 0;
- font-size: 18px;
+ font-size: var(--ui-font-h2);
font-weight: 600;
}
@@ -35,7 +35,7 @@
cursor: pointer;
background: transparent;
border: 0;
- border-radius: var(--rounded-lg);
+ border-radius: var(--ui-radius-dialog);
}
}
@@ -52,12 +52,12 @@
.filters__clear {
min-height: 32px;
- font-size: 13px;
+ font-size: var(--ui-font-body);
}
input {
min-height: 44px;
- font-size: 16px;
+ font-size: var(--ui-font-h3);
}
}
@@ -65,7 +65,7 @@
width: 100%;
min-height: 44px;
margin-top: 20px;
- font-size: 14px;
+ font-size: var(--ui-font-body);
color: var(--white);
cursor: pointer;
background: var(--accent);
diff --git a/projects/social_platform/src/app/ui/pages/members/member-filters-dialog/member-filters-dialog.component.ts b/projects/social_platform/src/app/ui/pages/members/member-filters-dialog/member-filters-dialog.component.ts
index b044bec35..b2cf80ad7 100644
--- a/projects/social_platform/src/app/ui/pages/members/member-filters-dialog/member-filters-dialog.component.ts
+++ b/projects/social_platform/src/app/ui/pages/members/member-filters-dialog/member-filters-dialog.component.ts
@@ -1,4 +1,12 @@
/** @format */
+
+import {
+ ButtonDirective,
+ DialogBodyDirective,
+ DialogFooterDirective,
+ DialogHeaderComponent,
+} from "@uilib";
+/** @format */
import { A11yModule, CdkTrapFocus } from "@angular/cdk/a11y";
import {
AfterViewInit,
@@ -23,7 +31,15 @@ import { MembersFiltersComponent } from "../members-filters/members-filters.comp
/** Мобильная оболочка существующей формы фильтров; значения принадлежат странице, а не окну. */
@Component({
selector: "app-member-filters-dialog",
- imports: [ModalComponent, A11yModule, MembersFiltersComponent],
+ imports: [
+ DialogHeaderComponent,
+ DialogBodyDirective,
+ DialogFooterDirective,
+ ButtonDirective,
+ ModalComponent,
+ A11yModule,
+ MembersFiltersComponent,
+ ],
templateUrl: "./member-filters-dialog.component.html",
styleUrl: "./member-filters-dialog.component.scss",
encapsulation: ViewEncapsulation.None,
diff --git a/projects/social_platform/src/app/ui/pages/members/member-statistics-card/member-statistics-card.component.scss b/projects/social_platform/src/app/ui/pages/members/member-statistics-card/member-statistics-card.component.scss
index f720f7def..1ff16ada0 100644
--- a/projects/social_platform/src/app/ui/pages/members/member-statistics-card/member-statistics-card.component.scss
+++ b/projects/social_platform/src/app/ui/pages/members/member-statistics-card/member-statistics-card.component.scss
@@ -22,7 +22,7 @@
&__title {
margin: 0 0 6px;
- font-size: 14px;
+ font-size: var(--ui-font-body);
font-weight: 600;
line-height: 20px;
}
@@ -66,7 +66,7 @@
&__value {
min-width: 0;
margin: 0;
- font-size: 13px;
+ font-size: var(--ui-font-body);
font-weight: 600;
font-variant-numeric: tabular-nums;
line-height: 18px;
@@ -124,7 +124,7 @@
&__label {
grid-row: 2;
grid-column: 2;
- font-size: 10px;
+ font-size: var(--ui-font-caption);
}
}
}
diff --git a/projects/social_platform/src/app/ui/pages/members/members-filters/members-filters.component.html b/projects/social_platform/src/app/ui/pages/members/members-filters/members-filters.component.html
index b365773d8..d256a38c7 100644
--- a/projects/social_platform/src/app/ui/pages/members/members-filters/members-filters.component.html
+++ b/projects/social_platform/src/app/ui/pages/members/members-filters/members-filters.component.html
@@ -1,15 +1,20 @@
-