Replace link with button for tenant details navigation and enhance styling
This commit is contained in:
parent
1acfef4923
commit
e77e670bc3
@ -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>
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,6 +5,7 @@
|
|||||||
|
|
||||||
app-panel {
|
app-panel {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.actions {
|
.actions {
|
||||||
|
|||||||
@ -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'
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user