Mirrors/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2025-08-27 23:41:14 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Adjusted some UI

Browse Source
This commit is contained in:
Donald Zou
2024-11-01 22:30:25 +08:00
parent dfc9eab9d3
commit 94b597d29a
5 changed files with 310 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/static/app/src/components/configurationComponents/peerList.vue
View File

@@ -436,7 +436,7 @@ export default {
<LocaleText t="CONFIGURATION"></LocaleText>
</small>
<div class="d-flex align-items-center gap-3">
<h1 class="mb-0"><samp>{{this.configurationInfo.Name}}</samp></h1>
<h1 class="mb-0 display-4"><samp>{{this.configurationInfo.Name}}</samp></h1>
</div>
</div>
<div class="card rounded-3 bg-transparent shadow-sm ms-auto">
@@ -470,9 +470,9 @@ export default {
</div>
</div>
</div>
<hr>
<div class="row mt-3 gy-2 gx-2 mb-2">
<div class="col-6 col-lg-3">
<div class="col-12 col-lg-3">
<div class="card rounded-3 bg-transparent shadow-sm">
<div class="card-body py-2">
<p class="mb-0 text-muted"><small>
@@ -482,7 +482,7 @@ export default {
</div>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="col-12 col-lg-3">
<div class="card rounded-3 bg-transparent shadow-sm">
<div class="card-body py-2">
<p class="mb-0 text-muted"><small>
@@ -504,7 +504,7 @@ export default {
</div>
</div>
<div class="row gx-2 gy-2 mb-2">
<div class="col-6 col-lg-3">
<div class="col-12 col-lg-3">
<div class="card rounded-3 bg-transparent shadow-sm">
<div class="card-body d-flex">
<div>
@@ -519,7 +519,7 @@ export default {
</div>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="col-12 col-lg-3">
<div class="card rounded-3 bg-transparent shadow-sm">
<div class="card-body d-flex">
<div>
@@ -532,7 +532,7 @@ export default {
</div>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="col-12 col-lg-3">
<div class="card rounded-3 bg-transparent shadow-sm">
<div class="card-body d-flex">
<div>
@@ -545,7 +545,7 @@ export default {
</div>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="col-12 col-lg-3">
<div class="card rounded-3 bg-transparent shadow-sm">
<div class="card-body d-flex">
<div>

1
src/static/app/src/components/navbar.vue
View File

@@ -154,6 +154,7 @@ export default {
.navbar-container{
height: 100vh;
}

2
src/static/app/src/views/index.vue
View File

@@ -24,7 +24,7 @@ export default {
<div class="container-fluid flex-grow-1 main" :data-bs-theme="this.dashboardConfigurationStore.Configuration.Server.dashboard_theme">
<div class="row h-100">
<Navbar></Navbar>
<main class="col-md-9 ml-sm-auto col-lg-10 px-md-4 overflow-y-scroll mb-0">
<main class="col-md-9 col-lg-10 overflow-y-scroll mb-0 pt-2">
<Suspense>
<RouterView v-slot="{Component}">
<Transition name="fade2" mode="out-in" appear>