mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-23 19:45:05 +01:00
Code Issues Projects Releases Wiki Activity

Add avatar size for design

Browse Source 
Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
RMidhunSuresh 2021-05-26 15:40:25 +05:30
parent ee29d7f799
commit f42553f8cb
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/platform/web/ui/css/avatar.css
View File

@ -37,6 +37,7 @@ limitations under the License.
} }
/* work around postcss-css-variables limitations and repeat variable usage */ /* work around postcss-css-variables limitations and repeat variable usage */
.hydrogen .avatar.size-128 { .hydrogen .avatar.size-128 {
--avatar-size: 128px; --avatar-size: 128px;
width: var(--avatar-size); width: var(--avatar-size);
@ -53,6 +54,14 @@ limitations under the License.
font-size: calc(var(--avatar-size) * 0.6); font-size: calc(var(--avatar-size) * 0.6);
} }
.hydrogen .avatar.size-52 {
--avatar-size: 52px;
width: var(--avatar-size);
height: var(--avatar-size);
line-height: var(--avatar-size);
font-size: calc(var(--avatar-size) * 0.6);
}
.hydrogen .avatar.size-30 { .hydrogen .avatar.size-30 {
--avatar-size: 30px; --avatar-size: 30px;
width: var(--avatar-size); width: var(--avatar-size);