filter html css

src/app/_modules/objects/filters/slider/slider-filters.component.html

@@ -1,19 +1,13 @@
-<div class="slider-overlay" (click)="close()"></div>
-<div class="slider-bar">
-  <div class="header">
-    <div class="title">
+<slider>
+  <div header>
       <h2>{{title}}</h2>
-      <button type="button" class="close" (click)="close()"></button>
-    </div>
   </div>
-  <div class="body">
-    <object-filters [formGroup]="formGroup" [target]="target" [type]="type" [list]="list" (onFiltersUpdated)="this.total = $event"></object-filters>
-  </div>
-  <div class="footer">
+    <object-filters body [formGroup]="formGroup" [target]="target" [type]="type" [list]="list" (onFiltersUpdated)="this.total = $event"></object-filters>
+  <div footer>
     <div class="left">Найдено: {{total}}</div>
     <div class="right">
-      <button type="button" class="btn secondary" (click)="clear()">СБРОСИТЬ</button>
-      <button type="button" class="btn" (click)="save()">НАЙТИ</button>
+      <button type="button" class="outline" (click)="clear()">Сбросить</button>
+      <button type="button" class="" (click)="save()">Найти</button>
     </div>
   </div>
-</div>
+</slider>

src/app/_modules/registries/registry/filters/registry-filters.component.html

@@ -1,5 +1,4 @@
 <div class="filters" [formGroup]="filters">
-  <div class="limiter">
     <div class="search">
       <label for="search">Поиск</label>
       <input id="search" type="text" formControlName="search" />
@@ -7,5 +6,4 @@
     <div class="advanced" *ngIf="hasCustomFilters">
       <button type="button" (click)="showFilters()" [class.filled]="isFiltersApplied"><span>Фильтр</span></button>
     </div>
-  </div>
 </div>

src/vniigaz-v2/css/_registry.scss

@@ -1,4 +1,9 @@
 .registry {
+  .filters{
+    display: flex;
+    gap:24px;
+    align-items: flex-end;
+  }
   .menu {
     ico{
       cursor: pointer;

src/vniigaz-v2/css/_slider.scss

@@ -106,7 +106,7 @@
     >div>pages-menu{
       padding: 0 var(--s) var(--xl) var(--xl);
     }
-    form-frame{
+    form-frame, object-filters{
       margin: 0 var(--l);
       display: block;
     }