Commit 5877d839 by Jason Song Committed by GitHub

Merge pull request #433 from lepdou/index_page_refactor

adjustment index page style
parents 71da31c3 6b023800
......@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<title>apollo</title>
<title>Apollo配置中心</title>
<link rel="icon" href="./img/config.png">
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="vendor/angular/angular-toastr-1.4.1.min.css">
......
......@@ -10,7 +10,7 @@
<link rel="stylesheet" type="text/css" media='all' href="vendor/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="styles/common-style.css">
<title>apollo</title>
<title>Apollo配置中心</title>
</head>
<body>
......@@ -24,19 +24,19 @@
<h5>我的项目</h5>
</aside>
<aside class="media-body">
<div class="col-md-2 text-center" ng-click="goToCreateAppPage()">
<div class="app-panel col-md-2 text-center" ng-click="goToCreateAppPage()">
<div href="#" class="thumbnail create-btn hover cursor-pointer">
<img src="img/plus-white.png"/>
<h5>创建项目</h5>
</div>
</div>
<div class="col-md-2 text-center" ng-repeat="app in createdApps" ng-click="goToAppHomePage(app.appId)">
<div class="app-panel col-md-2 text-center" ng-repeat="app in createdApps" ng-click="goToAppHomePage(app.appId)">
<div href="#" class="thumbnail hover cursor-pointer">
<h4 ng-bind="app.appId"></h4>
<h5 ng-bind="app.name"></h5>
</div>
</div>
<div class="col-md-2 text-center" ng-show="hasMoreCreatedApps"
<div class="app-panel col-md-2 text-center" ng-show="hasMoreCreatedApps"
ng-click="getUserCreatedApps()">
<div href="#" class="thumbnail hover cursor-pointer">
<img class="more-img" src="img/more.png"/>
......
......@@ -59,9 +59,7 @@ pre {
}
.logo {
width: 150px;
height: 50px;
background: url('../img/logo.png') no-repeat
font-size: 25px;
}
.i-20 {
......@@ -555,6 +553,10 @@ table th {
}
/*index page*/
#app-list h5{
word-wrap: break-word;
word-break: break-all;
}
#app-list .media-body {
padding-top: 15px;
}
......@@ -578,6 +580,7 @@ table th {
#app-list .app-panel {
position: relative;
height: 100px;
}
#app-list .operate-panel {
......
......@@ -2,7 +2,9 @@
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand logo" href="/"></a>
<a class="navbar-brand logo" href="/">
<b>Apollo 配置中心</b>
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment