Amin/XRoomDashboardFront
1
0
Fork 0
mirror of https://github.com/Dadechin/XRoomDashboardFront.git synced 2025-07-03 00:34:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix some bug

Browse Source
This commit is contained in:
Diyar Akhgar 2025-06-11 19:23:24 +03:30
parent 6db6cfd5af
commit e62892a0b4
1 changed files with 18 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
xroom-dashboard/src/App.vue
View File

@ -8,17 +8,15 @@
<AppHeader @toggle-sidebar="toggleSidebar" :pageTitle="$route.meta.title" /> <AppHeader @toggle-sidebar="toggleSidebar" :pageTitle="$route.meta.title" />
<router-view></router-view> <router-view></router-view>
</div> </div>
<Footer />
</div> </div>
</template> </template>
<!-- Sample Layout for SignUp, etc. --> <!-- Sample Layout for SignUp, etc. -->
<template v-else> <template v-else>
<router-view></router-view> <router-view></router-view>
<Footer />
</template> </template>
<Footer />
</div> </div>
</template> </template>
@ -50,6 +48,15 @@ export default {
this.isSidebarOpen = !this.isSidebarOpen; this.isSidebarOpen = !this.isSidebarOpen;
} }
}, },
mounted() {
const content = document.querySelector('.content');
if (content) {
content.addEventListener('scroll', () => {
document.body.scrollTop = content.scrollTop;
document.documentElement.scrollTop = content.scrollTop;
});
}
}
}; };
</script> </script>
@ -115,20 +122,16 @@ router-view {
flex-direction: column; flex-direction: column;
gap: 32px; gap: 32px;
padding: 35px 80px; padding: 35px 80px;
}
.dashboard-page::-webkit-scrollbar {
width: 0;
display: none;
}
.dashboard-page {
height: 100vh; height: 100vh;
overflow-y: scroll; overflow-y: scroll;
box-sizing: border-box; box-sizing: border-box;
} }
.content::-webkit-scrollbar {
width: 0;
display: none;
}
/* Responsive Styles */ /* Responsive Styles */
@media (max-width: 520px) { @media (max-width: 520px) {
.dashboard-page { .dashboard-page {
@ -184,9 +187,7 @@ router-view {
@media (min-width: 1280px) and (max-width : 1440px){ @media (min-width: 1280px) and (max-width : 1440px){
.dashboard-page { .dashboard-page {
position: fixed; margin-right: 20rem;
width: 80%;
right: 20%;
padding: 20px; padding: 20px;
direction: rtl; direction: rtl;
} }
@ -196,11 +197,9 @@ router-view {
} }
} }
@media (min-width: 1440px) and (max-width : 1500px){ @media (min-width: 1440px){
.dashboard-page { .dashboard-page {
position: fixed; margin-right: 20rem;
width: 80%;
right: 20%;
padding: 20px; padding: 20px;
direction: rtl; direction: rtl;
} }
@ -209,15 +208,4 @@ router-view {
padding: 35px 80px !important; padding: 35px 80px !important;
} }
} }
@media (min-width: 1500px){
.dashboard-page {
position: fixed;
width: 80%;
right: 20%;
padding: 20px;
direction: rtl;
}
}
</style> </style>