jiulinxiri/rocketmq-dashboard
1
0
Fork 0
mirror of https://github.com/apache/rocketmq-dashboard.git synced 2025-09-11 03:49:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: align top navigation bar styles #279 (#280)

Browse Source
This commit is contained in:
Xu Yichi
2025-04-01 09:55:33 +08:00
committed by GitHub
parent 3d13e4e2b8
commit e76185437f
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/resources/static/style/app.css
View File

@@ -300,4 +300,7 @@
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
cursor: text !important; cursor: text !important;
width: 60%; width: 60%;
} }
.navbar .navbar-nav .dropdown-menu li {
margin: 0 !important;
}

8
src/main/resources/static/view/layout/_header.html
View File

@@ -27,6 +27,9 @@
</div> </div>
<div class="navbar-collapse collapse navbar-warning-collapse"> <div class="navbar-collapse collapse navbar-warning-collapse">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="nav-divider disabled">
<span class="divider-bar"></span>
</li>
<li ng-class="path =='ops' ? 'active':''"><a ng-href="#/ops">{{'OPS' | translate}}</a></li> <li ng-class="path =='ops' ? 'active':''"><a ng-href="#/ops">{{'OPS' | translate}}</a></li>
<li ng-show="rmqVersion" ng-class="path =='proxy' ? 'active':''"><a ng-href="#/proxy">{{'PROXY' | translate}}</a></li> <li ng-show="rmqVersion" ng-class="path =='proxy' ? 'active':''"><a ng-href="#/proxy">{{'PROXY' | translate}}</a></li>
<li ng-class="path =='dashboard' || path ==''? 'active':''"><a ng-href="#/">{{'DASHBOARD' | translate}}</a></li> <li ng-class="path =='dashboard' || path ==''? 'active':''"><a ng-href="#/">{{'DASHBOARD' | translate}}</a></li>
@@ -40,6 +43,9 @@
<li ng-show="{{ show }}" ng-class="path =='acl' ? 'active':''"><a ng-href="#/acl">Acl</a></li> <li ng-show="{{ show }}" ng-class="path =='acl' ? 'active':''"><a ng-href="#/acl">Acl</a></li>
</ul> </ul>
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li class="nav-divider disabled">
<span class="divider-bar"></span>
</li>
<li class="dropdown"> <li class="dropdown">
<a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">{{'CHANGE_LANG' | translate}} <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">{{'CHANGE_LANG' | translate}}
<b class="caret"></b></a> <b class="caret"></b></a>
@@ -79,4 +85,4 @@
$scope.IsVisible = $scope.IsVisible = true; $scope.IsVisible = $scope.IsVisible = true;
} }
}); });
</script> </script>