mirror of
https://github.com/zitadel/zitadel.git
synced 2024-12-04 23:45:07 +00:00
fix(console): identity provider title layout (#8302)
# Which Problems Are Solved Fixes the alignment of the identity provider layouts <img width="432" alt="Screenshot 2024-07-15 at 08 42 21" src="https://github.com/user-attachments/assets/c45e4226-fc7e-4b5e-a25b-164bd31864c5"> # Context - noted internally while implementing https://github.com/zitadel/zitadel/pull/8295 --------- Co-authored-by: Livio Spring <livio.a@gmail.com>
This commit is contained in:
parent
8dd21a7292
commit
9d29098aa6
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo apple dark" src="./assets/images/idp/apple-dark.svg" alt="apple" />
|
||||
<img class="idp-logo apple light" src="./assets/images/idp/apple.svg" alt="apple" />
|
||||
<h1>{{ 'IDP.CREATE.APPLE.TITLE' | translate }}</h1>
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo" src="./assets/images/idp/ms.svg" alt="microsoft" />
|
||||
<h1>{{ 'IDP.CREATE.AZUREAD.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo dark" src="./assets/images/idp/github-dark.svg" alt="github" />
|
||||
<img class="idp-logo light" src="./assets/images/idp/github.svg" alt="github" />
|
||||
<h1>{{ 'IDP.CREATE.GITHUBES.TITLE' | translate }}</h1>
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo dark" src="./assets/images/idp/github-dark.svg" alt="github" />
|
||||
<img class="idp-logo light" src="./assets/images/idp/github.svg" alt="github" />
|
||||
<h1>{{ 'IDP.CREATE.GITHUB.TITLE' | translate }}</h1>
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo" src="./assets/images/idp/gitlab.svg" alt="gitlab" />
|
||||
<h1>{{ 'IDP.CREATE.GITLABSELFHOSTED.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo" src="./assets/images/idp/gitlab.svg" alt="gitlab" />
|
||||
<h1>{{ 'IDP.CREATE.GITLAB.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo" src="./assets/images/idp/google.png" alt="google" />
|
||||
<h1>{{ 'IDP.CREATE.GOOGLE.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<mat-icon class="idp-logo" svgIcon="mdi_jwt" alt="jwt" />
|
||||
<h1>{{ 'IDP.CREATE.JWT.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<i class="idp-icon las la-building"></i>
|
||||
<h1>{{ 'IDP.CREATE.LDAP.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -5,7 +5,7 @@
|
||||
*ngIf="configureProvider || autofillLink || activateLink"
|
||||
>
|
||||
<cnsl-info-section *ngIf="activateLink">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<div class="left">
|
||||
<h2 class="title">{{ 'DESCRIPTIONS.SETTINGS.IDPS.ACTIVATE.TITLE' | translate }}</h2>
|
||||
<div>
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo" src="./assets/images/idp/oauth.svg" alt="oauth" />
|
||||
<h1>{{ 'IDP.CREATE.OAUTH.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<mat-icon class="idp-logo" svgIcon="mdi_openid" alt="openid" />
|
||||
<h1>{{ 'IDP.CREATE.OIDC.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -3,7 +3,7 @@
|
||||
(closed)="close()"
|
||||
>
|
||||
<div class="identity-provider-create-content">
|
||||
<div class="title-row">
|
||||
<div class="identity-provider-title-row">
|
||||
<img class="idp-logo" src="./assets/images/idp/saml-icon.svg" alt="saml" />
|
||||
<h1>{{ 'IDP.CREATE.SAML.TITLE' | translate }}</h1>
|
||||
<ng-container *ngIf="exists$ | async">
|
||||
|
@ -10,7 +10,7 @@
|
||||
}
|
||||
|
||||
.identity-provider-create-content {
|
||||
.title-row {
|
||||
.identity-provider-title-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user