ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-04-23 14:07:14 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix page scrolling in package page

Browse source
This commit is contained in:
neil molina 2023-04-16 12:12:51 +08:00
parent a0f39bfef6
commit e1f4ee4f76
2 changed files with 41 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
modules/desktop/src/routes/+layout.svelte
View file

@ -55,12 +55,14 @@
<div id="main-layout" class="font-inter border-gray rounded-xl border transition-all">
<TopBar />
<section class="relative" bind:this={view}>
<div class="content">
<slot />
</div>
<SearchPopupResults />
</section>
<div class="scroll-manager relative">
<section class="relative" bind:this={view}>
<div class="content">
<slot />
</div>
<SearchPopupResults />
</section>
</div>
</div>
{#if $sideNavOpen}
<aside class="border-gray fixed z-50 rounded-sm border bg-black transition-all">
@ -73,8 +75,15 @@
height: 100vh;
overflow: hidden;
}
.scroll-manager {
height: 100%;
overflow: hidden;
padding-right: 8px;
}
section {
height: calc(100vh - 50px); /* win.height - header*/
overflow-y: auto;
box-sizing: border-box;
}
@ -96,7 +105,32 @@
}
.content {
height: auto;
overflow-y: hidden;
padding-left: 4px;
padding-right: 4px;
overflow-x: hidden;
}
/* width */
::-webkit-scrollbar {
width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
background: #272626;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #949494;
border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: white;
}
</style>

2
modules/desktop/src/routes/+page.svelte
View file

@ -112,7 +112,7 @@
#content {
width: calc(100vw - 211px);
margin-left: 205px;
height: calc(100vh - 48px);
height: calc(100vh - 50px);
overflow: hidden;
}