localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

탑바 고정

Browse Source
This commit is contained in:
nevermoregb 2025-03-06 16:19:11 +09:00
parent 85f197b001
commit 8636bd1ab9
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/layouts/NormalLayout.vue
View File

@ -7,6 +7,7 @@
<div class="layout-page">
<!-- Top -->
<TheTop />
<!-- Content -->
<div class="content-wrapper">
<slot name="content"> body </slot>
@ -48,12 +49,25 @@
});
</script>
<style>
/* 중앙 콘텐츠 자동 조정 */
.layout-page {
flex-grow: 1;
min-width: 0; /* flexbox 내에서 올바른 크기 계산 */
margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
}
/* 중앙 콘텐츠 자동 조정 */
.layout-page {
flex-grow: 1;
min-width: 0; /* flexbox 내에서 올바른 크기 계산 */
margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
}
/* top bar 고정1 */
.layout-navbar-fixed .layout-navbar {
position: relative;
top: 0;
right: auto;
left: 0 !important;
width: 96% !important;
padding-top: 0 !important;
}
/* top bar 고정2 */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
padding-top: 0 !important;
}
</style>