parallelvirtualcluster/pvc-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix sidebar on collapse

Browse Source
This commit is contained in:
Joshua Boniface 2025-02-27 00:08:18 -05:00
parent 74110a94d7
commit 0103f34a62
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pvc-vue/src/App.vue
View File

@ -13,7 +13,8 @@
</div> </div>
<div class="sidebar-footer"> <div class="sidebar-footer">
<button class="btn btn-outline-light w-100" @click="toggleConfig"> <button class="btn btn-outline-light w-100" @click="toggleConfig">
<i class="fas fa-cog"></i> Configure <i class="fas fa-cog"></i>
<span class="config-text ms-2">Configure</span>
</button> </button>
</div> </div>
</div> </div>
@ -188,7 +189,7 @@ onUnmounted(() => {
.sidebar.collapsed .sidebar-header h5, .sidebar.collapsed .sidebar-header h5,
.sidebar.collapsed .sidebar-content, .sidebar.collapsed .sidebar-content,
.sidebar.collapsed .btn span { .sidebar.collapsed .config-text {
display: none; display: none;
} }
@ -220,6 +221,12 @@ onUnmounted(() => {
border-top: 1px solid rgba(255,255,255,0.1); border-top: 1px solid rgba(255,255,255,0.1);
} }
.sidebar.collapsed .sidebar-footer .btn {
padding: 0.375rem;
display: flex;
justify-content: center;
}
.main-content { .main-content {
margin-left: 250px; margin-left: 250px;
padding: 0.5rem; padding: 0.5rem;