Browse Source

Improve style

pull/5310/head
Thomas Kaul 3 weeks ago
parent
commit
b4737ea26e
  1. 34
      apps/client/src/app/components/header/header.component.html

34
apps/client/src/app/components/header/header.component.html

@ -2,7 +2,7 @@
@if (user) { @if (user) {
<div class="d-flex h-100 logo-container" [ngClass]="{ filled: hasTabs }"> <div class="d-flex h-100 logo-container" [ngClass]="{ filled: hasTabs }">
<a <a
class="align-items-center justify-content-start rounded-0" class="align-items-center h-100 justify-content-start rounded-0"
mat-button mat-button
[ngClass]="{ 'w-100': hasTabs }" [ngClass]="{ 'w-100': hasTabs }"
[routerLink]="['/']" [routerLink]="['/']"
@ -15,7 +15,7 @@
<ul class="alig-items-center d-flex list-inline m-0 px-2"> <ul class="alig-items-center d-flex list-inline m-0 px-2">
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -32,7 +32,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -46,7 +46,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -61,7 +61,7 @@
@if (hasPermissionToAccessAdminControl) { @if (hasPermissionToAccessAdminControl) {
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -77,7 +77,7 @@
} }
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -93,7 +93,7 @@
) { ) {
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
mat-button mat-button
[ngClass]="{ [ngClass]="{
'font-weight-bold': currentRoute === routePricing, 'font-weight-bold': currentRoute === routePricing,
@ -112,7 +112,7 @@
} }
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -334,7 +334,7 @@
@if (user === null) { @if (user === null) {
<div class="d-flex h-100 logo-container" [ngClass]="{ filled: hasTabs }"> <div class="d-flex h-100 logo-container" [ngClass]="{ filled: hasTabs }">
<a <a
class="align-items-center justify-content-start rounded-0" class="align-items-center h-100 justify-content-start rounded-0"
mat-button mat-button
[ngClass]="{ 'w-100': hasTabs }" [ngClass]="{ 'w-100': hasTabs }"
[routerLink]="['/']" [routerLink]="['/']"
@ -350,7 +350,7 @@
<ul class="alig-items-center d-flex list-inline m-0 px-2"> <ul class="alig-items-center d-flex list-inline m-0 px-2">
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -363,7 +363,7 @@
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -377,7 +377,7 @@
@if (hasPermissionForSubscription) { @if (hasPermissionForSubscription) {
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-sm-block" class="d-sm-block rounded"
mat-button mat-button
[ngClass]="{ [ngClass]="{
'font-weight-bold': currentRoute === routePricing, 'font-weight-bold': currentRoute === routePricing,
@ -397,7 +397,7 @@
@if (hasPermissionToAccessFearAndGreedIndex) { @if (hasPermissionToAccessFearAndGreedIndex) {
<li class="list-inline-item"> <li class="list-inline-item">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block rounded"
i18n i18n
mat-button mat-button
[ngClass]="{ [ngClass]="{
@ -418,14 +418,18 @@
></a> ></a>
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<button class="d-sm-block" mat-button (click)="openLoginDialog()"> <button
class="d-sm-block rounded"
mat-button
(click)="openLoginDialog()"
>
<ng-container i18n>Sign in</ng-container> <ng-container i18n>Sign in</ng-container>
</button> </button>
</li> </li>
@if (currentRoute !== 'register' && hasPermissionToCreateUser) { @if (currentRoute !== 'register' && hasPermissionToCreateUser) {
<li class="list-inline-item ml-1"> <li class="list-inline-item ml-1">
<a <a
class="d-none d-sm-block" class="d-none d-sm-block px-3 rounded"
color="primary" color="primary"
mat-flat-button mat-flat-button
[routerLink]="routerLinkRegister" [routerLink]="routerLinkRegister"

Loading…
Cancel
Save