mirror/BookLore
1
0
Fork 0
mirror of https://github.com/adityachandelgit/BookLore.git synced 2026-01-05 20:40:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat: Row alignment, badge to right (#1122)

Browse Source 
* row alignment, badge to right

* unnecessary css
This commit is contained in:
Ruben GM
2025-09-10 13:44:04 +10:00
committed by GitHub
parent 0b45f63f35
commit d8be663a4d
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
booklore-ui/src/app/book/components/book-browser/book-filter/book-filter.component.html
View File

@@ -34,13 +34,14 @@
style="overscroll-behavior: contain;">
@for (filter of filters; track trackByFilter(j, filter); let j = $index) {
<div
class="cursor-pointer transition-colors duration-200 ease-in-out pb-1 flex items-center gap-2"
class="filter-row cursor-pointer transition-colors duration-200 ease-in-out pb-1 flex flex-row items-center justify-between gap-2"
[ngClass]="{
'text-[var(--primary-color)]': activeFilters[filterType]?.includes(filter.value?.id || filter.value)
}"
(click)="handleFilterClick(filterType, filter.value?.id || filter.value)">
<p-badge [value]="filter.bookCount"></p-badge>
{{ filter.value.name || filter.value }}
<p-badge class="filter-value-badge" [value]="filter.bookCount"></p-badge>
<!-- <p class="text-[var(--primary-color)]"> {{ filter.bookCount }}</p> -->
</div>
}
</div>

8
booklore-ui/src/app/book/components/book-browser/book-filter/book-filter.component.scss
View File

@@ -1,3 +1,11 @@
:host ::ng-deep p-accordion-header {
--p-accordion-header-padding: 0.6rem 1rem;
}
.filter-row{
align-items: flex-start;
}
p-badge.filter-value-badge {
border-radius: 6px !important; /* Makes the badge square */
}