tom/hermes-web-angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed how Filters page looks like.

Browse Source
This commit is contained in:
Tom 2025-01-16 15:12:21 +00:00
parent e6f681219c
commit e949b6df08
4 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/tts-filters/filter-item-edit/filter-item-edit.component.html
View File

@ -1,6 +1,6 @@
<mat-card> <mat-card>
<mat-card-content> <mat-card-content>
<h2 mat-dialog-title>TTS Filter</h2> <h3 mat-dialog-title>TTS Filter</h3>
<mat-dialog-content> <mat-dialog-content>
<form [formGroup]="forms"> <form [formGroup]="forms">
<div> <div>

1
src/app/tts-filters/filter-list/filter-list.component.scss
View File

@ -6,7 +6,6 @@ ul.data {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: auto; overflow: auto;
height: calc(100vh - 60px);
> li { > li {
display: block; display: block;

6
src/app/tts-filters/filters/filters.component.html
View File

@ -2,12 +2,12 @@
<article> <article>
<h3>Filters</h3> <h3>Filters</h3>
<div> <div>
<button mat-fab aria-label="Add a filter" (click)="openDialog()"> <button mat-button class="add" aria-label="Add a filter" (click)="openDialog()">
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>Add TTS Filter
</button> </button>
</div> </div>
</article> </article>
<div> <div class="grow">
<tts-filter-list <tts-filter-list
[filters]="items" /> [filters]="items" />
</div> </div>

14
src/app/tts-filters/filters/filters.component.scss
View File

@ -1,13 +1,17 @@
main { main {
background-color: #fafafa; background-color: #fafafa;
display: flex;
flex-direction: column;
height: 100vh;
} }
article { article {
display: flex; justify-self: center;
justify-content: center; text-align: center;
gap: 10em; margin-bottom: 2em;
} }
button { .grow {
transform: scale(0.7); flex-grow: 1;
overflow: auto;
} }