(refs #49)Add favicon and header logo. Thanks to @hansgru!

This commit is contained in:
takezoe
2013-08-06 08:07:51 +09:00
parent 5300641822
commit c9d9d22215
4 changed files with 17 additions and 8 deletions

View File

@@ -6,6 +6,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>@title</title> <title>@title</title>
<link rel="icon" href="@assets/common/images/favicon.png" type="image/vnd.microsoft.icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Le styles --> <!-- Le styles -->
<link href="@assets/bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="@assets/bootstrap/css/bootstrap.css" rel="stylesheet">
@@ -38,7 +39,12 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="brand" href="@path/">GitBucket</a> <a class="brand" href="@path/">
<img src="@assets/common/images/gitbucket.png"/>GitBucket
@defining(servlet.AutoUpdate.getCurrentVersion){ version =>
<span class="header-version">@version.majorVersion.@version.minorVersion</span>
}
</a>
<div class="nav-collapse collapse pull-right header-menu"> <div class="nav-collapse collapse pull-right header-menu">
@repository.map { repository => @repository.map { repository =>
<input type="text" name="query" style="width: 300px; margin-bottom: 0px;" placeholder="Search this repository"/> <input type="text" name="query" style="width: 300px; margin-bottom: 0px;" placeholder="Search this repository"/>
@@ -60,9 +66,6 @@
</div> </div>
</div> </div>
</form> </form>
@defining(servlet.AutoUpdate.getCurrentVersion){ version =>
<div class="gitbucket-version">version @version.majorVersion.@version.minorVersion</div>
}
</div> </div>
<div class="container body"> <div class="container body">
@body @body

View File

@@ -38,11 +38,17 @@ div.nav-collapse a.menu-last {
margin-right: 30px; margin-right: 30px;
} }
div.gitbucket-version { .navbar .brand {
padding-top: 6px;
padding-bottom: 6px;
}
.navbar .brand img {
vertical-align: bottom;
}
span.header-version {
font-size: small; font-size: small;
color: silver;
float: right;
margin-right: 10px;
} }
/* ======================================================================== */ /* ======================================================================== */

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 675 B