mirrors/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel synced 2024-11-22 00:39:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(console): identity provider title layout (#8302)

Browse Source 
# 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:
Max Peintner 2024-07-15 13:25:59 +02:00 committed by GitHub
parent 8dd21a7292
commit 9d29098aa6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
14 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
console/src/app/modules/providers/provider-apple/provider-apple.component.html
View File

@ -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>

2
console/src/app/modules/providers/provider-azure-ad/provider-azure-ad.component.html
View File

@ -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">

2
console/src/app/modules/providers/provider-github-es/provider-github-es.component.html
View File

@ -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>

2
console/src/app/modules/providers/provider-github/provider-github.component.html
View File

@ -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>

2
console/src/app/modules/providers/provider-gitlab-self-hosted/provider-gitlab-self-hosted.component.html
View File

@ -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">

2
console/src/app/modules/providers/provider-gitlab/provider-gitlab.component.html
View File

@ -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">

2
console/src/app/modules/providers/provider-google/provider-google.component.html
View File

@ -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">

2
console/src/app/modules/providers/provider-jwt/provider-jwt.component.html
View File

@ -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">

2
console/src/app/modules/providers/provider-ldap/provider-ldap.component.html
View File

@ -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">

2
console/src/app/modules/providers/provider-next/provider-next.component.html
View File

@ -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>

2
console/src/app/modules/providers/provider-oauth/provider-oauth.component.html
View File

@ -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">

2
console/src/app/modules/providers/provider-oidc/provider-oidc.component.html
View File

@ -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">

2
console/src/app/modules/providers/provider-saml-sp/provider-saml-sp.component.html
View File

@ -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">

2
console/src/app/modules/providers/providers.scss
View File

@ -10,7 +10,7 @@
}
.identity-provider-create-content {
.title-row {
.identity-provider-title-row {
display: flex;
align-items: center;