mobile menu header

main
Julian Lam 9 years ago
parent 457842b298
commit ad797b6bbe

@ -163,12 +163,14 @@
top: 0px; top: 0px;
z-index: 1; z-index: 1;
img { img, .user-icon {
position: absolute; position: absolute;
bottom: -22px; bottom: -22px;
left: 93px; left: 93px;
width: 70px; width: 70px;
height: 70px; height: 70px;
line-height: 70px;
font-size: 4rem;
border-radius: 50%; border-radius: 50%;
} }

@ -40,7 +40,11 @@
<body> <body>
<nav id="menu"> <nav id="menu">
<section class="menu-profile"> <section class="menu-profile">
<!-- IF user.picture -->
<img src="{user.picture}"/> <img src="{user.picture}"/>
<!-- ELSE -->
<div class="user-icon" style="background-color: {user.icon:bgColor};">{user.icon:text}</div>
<!-- ENDIF user.picture -->
<i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i> <i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i>
</section> </section>

Loading…
Cancel
Save