Commit 6b023800 by zhangle

adjustment index page style

parent 28e4fc16
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>apollo</title> <title>Apollo配置中心</title>
<link rel="icon" href="./img/config.png"> <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/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="vendor/angular/angular-toastr-1.4.1.min.css"> <link rel="stylesheet" type="text/css" href="vendor/angular/angular-toastr-1.4.1.min.css">
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<link rel="stylesheet" type="text/css" media='all' href="vendor/font-awesome.min.css"> <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"> <link rel="stylesheet" type="text/css" href="styles/common-style.css">
<title>apollo</title> <title>Apollo配置中心</title>
</head> </head>
<body> <body>
...@@ -24,19 +24,19 @@ ...@@ -24,19 +24,19 @@
<h5>我的项目</h5> <h5>我的项目</h5>
</aside> </aside>
<aside class="media-body"> <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"> <div href="#" class="thumbnail create-btn hover cursor-pointer">
<img src="img/plus-white.png"/> <img src="img/plus-white.png"/>
<h5>创建项目</h5> <h5>创建项目</h5>
</div> </div>
</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"> <div href="#" class="thumbnail hover cursor-pointer">
<h4 ng-bind="app.appId"></h4> <h4 ng-bind="app.appId"></h4>
<h5 ng-bind="app.name"></h5> <h5 ng-bind="app.name"></h5>
</div> </div>
</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()"> ng-click="getUserCreatedApps()">
<div href="#" class="thumbnail hover cursor-pointer"> <div href="#" class="thumbnail hover cursor-pointer">
<img class="more-img" src="img/more.png"/> <img class="more-img" src="img/more.png"/>
......
...@@ -59,9 +59,7 @@ pre { ...@@ -59,9 +59,7 @@ pre {
} }
.logo { .logo {
width: 150px; font-size: 25px;
height: 50px;
background: url('../img/logo.png') no-repeat
} }
.i-20 { .i-20 {
...@@ -555,6 +553,10 @@ table th { ...@@ -555,6 +553,10 @@ table th {
} }
/*index page*/ /*index page*/
#app-list h5{
word-wrap: break-word;
word-break: break-all;
}
#app-list .media-body { #app-list .media-body {
padding-top: 15px; padding-top: 15px;
} }
...@@ -578,6 +580,7 @@ table th { ...@@ -578,6 +580,7 @@ table th {
#app-list .app-panel { #app-list .app-panel {
position: relative; position: relative;
height: 100px;
} }
#app-list .operate-panel { #app-list .operate-panel {
......
...@@ -2,7 +2,9 @@ ...@@ -2,7 +2,9 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand logo" href="/"></a> <a class="navbar-brand logo" href="/">
<b>Apollo 配置中心</b>
</a>
</div> </div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <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