Header fixes (#3)

* Add right side of the header

* Apply fixes to header
This commit is contained in:
Avijit Gupta
2021-05-25 21:09:27 +02:00
committed by GitHub
parent 7d296350a2
commit 187bab045f
2 changed files with 9 additions and 9 deletions

View File

@@ -21,12 +21,12 @@
</div> </div>
<div class="nav-link icon"> <div class="nav-link icon">
<a href="http://example.com"> <a href="http://example.com">
<i class="fab fa-github"></i> <span class="fab fa-github"></span>
</a> </a>
</div> </div>
<div class="nav-link icon"> <div class="nav-link icon">
<a href="http://example.com"> <a href="http://example.com">
<i class="fab fa-linkedin"></i> <span class="fab fa-linkedin"></span>
</a> </a>
</div> </div>
</div> </div>

View File

@@ -18,7 +18,7 @@ html {
.header { .header {
position: fixed; position: fixed;
height: 100px; height: 70px;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
@@ -30,7 +30,7 @@ html {
} }
.header.small { .header.small {
height: 70px; height: 50px;
} }
.header a { .header a {
@@ -39,8 +39,8 @@ html {
} }
.header .header-nav { .header .header-nav {
height: 64px; height: 50px;
margin-top: 18px; margin-top: 10px;
-ms-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;
@@ -62,8 +62,8 @@ html {
} }
.header-nav .avatar img { .header-nav .avatar img {
display: block; display: block;
width: 64px; width: 50px;
height: 64px; height: 50px;
overflow: hidden; overflow: hidden;
border-radius: 100%; border-radius: 100%;
} }
@@ -72,7 +72,7 @@ html {
display: inline-block; display: inline-block;
padding-left: 10px; padding-left: 10px;
height: 100%; height: 100%;
line-height: 60px; line-height: 50px;
} }
.nav-title a { .nav-title a {