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 class="nav-link icon">
<a href="http://example.com">
<i class="fab fa-github"></i>
<span class="fab fa-github"></span>
</a>
</div>
<div class="nav-link icon">
<a href="http://example.com">
<i class="fab fa-linkedin"></i>
<span class="fab fa-linkedin"></span>
</a>
</div>
</div>

View File

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