andwati/zitadel
1
0
Fork 0
mirror of https://github.com/andwati/zitadel.git synced 2026-10-28 18:12:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(console): split granted from owned project modules, general ui ux fixes (#286)

Browse Source 
* add iam label, user avatar

* avatar component

* split granted and owned modules

* move components to resp module

* refactor project contributors, g project nav

* rem console logs, add avatar for org members

* fix changes loading, auth user page

* refactor home, i18n

* fix changes side overflow

* lint
This commit is contained in:
Max Peintner
2020-06-26 14:15:05 +02:00
committed by GitHub
parent ee73dc07dd
commit 0a488eb1fb
141 changed files with 1133 additions and 742 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/src/app/app.component.scss
+22 -44
View File
@@ -31,13 +31,6 @@
.fill-space {
flex: 1;
}
.iamreadwrite {
height: 8px;
width: 8px;
border-radius: 50%;
background: linear-gradient(to bottom right, rgb(240,140,53), rgb(233, 60, 231));
}
.icon-container {
display: flex;
@@ -51,44 +44,16 @@
font-family: 'ailerons', sans-serif;
}
.avatar-wrapper {
display: flex;
align-items: center;
.avatar {
display: block;
margin: auto;
cursor: pointer;
}
.avatar-circle {
height: 30px;
width: 30px;
font-size: 30px;
background-color: transparent;
border-radius: 50%;
animation: background-color .2s ease-in;
display: flex;
flex-direction: column;
align-items: center;
margin-left: .5rem;
.avatar {
display: block;
margin: auto auto;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 30px;
border-radius: 50%;
text-align: center;
}
&:hover, &.active {
cursor: pointer;
background-color: #ffffff20;
}
}
.name {
font-size: 1rem;
font-weight: 400;
}
}
.name {
font-size: 1rem;
font-weight: 400;
}
.a_card {
position: absolute;
@@ -99,6 +64,12 @@
}
}
.admin-line {
font-size: 12px;
padding: 4px 2rem;
position: relative;
}
.main-container {
display: flex;
flex-direction: column;
@@ -239,4 +210,11 @@
text-decoration: underline;
}
}
}
.divider {
display: block;
background-color: #ffffff10;
height: 1px;
margin: .5rem 0;
}