Replace link with button for tenant details navigation and enhance styling

This commit is contained in:
Christian Werner 2025-10-23 01:11:50 +02:00
parent 1acfef4923
commit e77e670bc3
3 changed files with 5 additions and 2 deletions

View File

@ -5,7 +5,7 @@
<app-panel class="neutral-80"> <app-panel class="neutral-80">
<span class="title">{{tenant.name}}</span> <span class="title">{{tenant.name}}</span>
<span class="actions"> <span class="actions">
<app-link [href]="'tenants/'+tenant.id">View Details</app-link> <button [routerLink]="tenant.id" class="primary outline">View Details</button>
</span> </span>
</app-panel> </app-panel>
} }

View File

@ -5,6 +5,7 @@
app-panel { app-panel {
display: flex; display: flex;
align-items: center;
} }
.actions { .actions {

View File

@ -3,12 +3,14 @@ import {TenantService} from '../../../clients/gandalf/mithrandir/tenant/tenant.s
import {TenantGridViewDto} from '../../../clients/gandalf/mithrandir/tenant/dtos/tenant-grid-view-dto'; import {TenantGridViewDto} from '../../../clients/gandalf/mithrandir/tenant/dtos/tenant-grid-view-dto';
import {PanelComponent} from '../../panel/panel.component'; import {PanelComponent} from '../../panel/panel.component';
import {LinkComponent} from '../../link/link.component'; import {LinkComponent} from '../../link/link.component';
import {RouterLink} from '@angular/router';
@Component({ @Component({
selector: 'app-tenant-grid', selector: 'app-tenant-grid',
imports: [ imports: [
PanelComponent, PanelComponent,
LinkComponent LinkComponent,
RouterLink
], ],
templateUrl: './tenant-grid.component.html', templateUrl: './tenant-grid.component.html',
styleUrl: './tenant-grid.component.scss' styleUrl: './tenant-grid.component.scss'