mirror of
https://github.com/google/nomulus
synced 2026-01-07 14:05:44 +00:00
Fix domain page "not found" layout issue (#2474)
This commit is contained in:
@@ -1,6 +1,23 @@
|
|||||||
<app-selected-registrar-wrapper>
|
<app-selected-registrar-wrapper>
|
||||||
<div class="console-domains">
|
<div class="console-app-domains">
|
||||||
<h1 class="mat-headline-4">Domains</h1>
|
<h1 class="mat-headline-4">Domains</h1>
|
||||||
|
|
||||||
|
@if (!isLoading && totalResults == 0) {
|
||||||
|
<div class="console-app__empty-domains">
|
||||||
|
<h1>
|
||||||
|
<mat-icon class="console-app__empty-domains-icon secondary-text"
|
||||||
|
>apps_outage</mat-icon
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
|
<h1>No domains found</h1>
|
||||||
|
</div>
|
||||||
|
} @else {
|
||||||
|
<div class="console-app__domains-table-parent">
|
||||||
|
@if (isLoading) {
|
||||||
|
<div class="console-app__domains-spinner">
|
||||||
|
<mat-spinner />
|
||||||
|
</div>
|
||||||
|
} @else {
|
||||||
<a
|
<a
|
||||||
mat-stroked-button
|
mat-stroked-button
|
||||||
color="primary"
|
color="primary"
|
||||||
@@ -23,21 +40,6 @@
|
|||||||
#input
|
#input
|
||||||
/>
|
/>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
@if (!isLoading && totalResults == 0) {
|
|
||||||
<div class="console-app__empty-domains">
|
|
||||||
<h1>
|
|
||||||
<mat-icon class="console-app__empty-domains-icon secondary-text"
|
|
||||||
>apps_outage</mat-icon
|
|
||||||
>
|
|
||||||
</h1>
|
|
||||||
<h1>No domains found</h1>
|
|
||||||
</div>
|
|
||||||
} @else {
|
|
||||||
<div class="console-app__domains-table-parent">
|
|
||||||
@if (isLoading) {
|
|
||||||
<div class="console-app__domains-spinner">
|
|
||||||
<mat-spinner />
|
|
||||||
</div>
|
|
||||||
}
|
}
|
||||||
<mat-table
|
<mat-table
|
||||||
[dataSource]="dataSource"
|
[dataSource]="dataSource"
|
||||||
|
|||||||
@@ -12,14 +12,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-domains {
|
&-domains__download {
|
||||||
position: relative;
|
|
||||||
&__download {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: -55px;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&__domains {
|
&__domains {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -33,6 +30,8 @@
|
|||||||
|
|
||||||
&__domains-table-parent {
|
&__domains-table-parent {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
width: fit-content;
|
||||||
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__domains-table {
|
&__domains-table {
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
// limitations under the License.
|
// limitations under the License.
|
||||||
|
|
||||||
import { Injectable, computed, signal } from '@angular/core';
|
import { Injectable, computed, signal } from '@angular/core';
|
||||||
import { Observable, tap, switchMap } from 'rxjs';
|
import { Observable, switchMap, tap } from 'rxjs';
|
||||||
|
|
||||||
import { MatSnackBar } from '@angular/material/snack-bar';
|
import { MatSnackBar } from '@angular/material/snack-bar';
|
||||||
import { Router } from '@angular/router';
|
import { Router } from '@angular/router';
|
||||||
|
|||||||
Reference in New Issue
Block a user