new design implement for login screen, organization onboarding form changes, new filter implement in all screens, remove icons from validation,

This commit is contained in:
Gagan7900
2026-07-29 19:12:51 +05:30
parent 0907e0f5dc
commit 4838e16dc8
40 changed files with 2407 additions and 793 deletions
@@ -7,6 +7,13 @@
{{ tableTitle () }}
</h5>
<div class="flex flex-wrap items-center gap-3">
@if(showFilterButton()){
<div animate.enter="filter-btn-enter" animate.leave="filter-btn-leave">
<app-button action="custom" icon="ti ti-filter" label="Filter" size="sm" iconClass="!text-[1rem]"
[variant]="filterActive() ? 'primary-full' : 'outline-primary'"
className="!rounded-full shadow-sm !whitespace-nowrap" (buttonClicked)="onFilterClick($event)" />
</div>
}
@if(showAddButton()){
<div>
<app-button action="add" [label]="buttonTitle()" size="sm" iconClass="!text-[1rem]"
@@ -30,6 +37,26 @@
</div>
</div>
@if (toolbarTemplate(); as toolbar) {
<div class="table-filter-row" [class.is-open]="filterActive()">
<div class="table-filter-row-inner">
<div class="table-filter-row-content" #filterRowContent>
<ng-container [ngTemplateOutlet]="toolbar.templateRef" />
@if (filterActionsTemplate(); as filterActions) {
<div class="table-filter-row-actions" [class.is-pinned]="filterRowOverflowing()">
<ng-container [ngTemplateOutlet]="filterActions.templateRef" />
</div>
}
</div>
<button type="button"
class="ti-btn ti-btn-icon ti-btn-sm ti-btn-light !rounded-full !m-0 shrink-0 filter-close-btn"
aria-label="Close filter" (click)="onFilterClick($event)">
<i class="ti ti-x"></i>
</button>
</div>
</div>
}
<div class="box-body !p-0 modern-table-body">
<div class="table-responsive overflow-x-auto overflow-y-visible modern-table-wrapper">
<table [class]="tableClass()">