eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Run pnpm format

Browse Source
This commit is contained in:
venashial
2022-08-03 00:24:44 -07:00
parent e17eb02341
commit 13c417fcee
21 changed files with 579 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
theseus_gui/src/layout/Page.svelte
View File

@@ -1,55 +1,55 @@
<script lang="ts">
import { Svrollbar } from 'svrollbar'
import { Svrollbar } from 'svrollbar';
let viewport: Element
let contents: Element
let viewport: Element;
let contents: Element;
</script>
<div class="page">
<div bind:this={viewport} class="viewport">
<div bind:this={contents} class="contents">
<slot />
</div>
<div bind:this={viewport} class="viewport">
<div bind:this={contents} class="contents">
<slot />
</div>
<Svrollbar {viewport} {contents} />
</div>
<Svrollbar {viewport} {contents} />
</div>
<style lang="postcss">
.page {
position: relative;
width: 100%;
overflow: hidden;
.page {
position: relative;
width: 100%;
overflow: hidden;
--svrollbar-track-width: 20px;
--svrollbar-track-opacity: 0;
--svrollbar-track-width: 20px;
--svrollbar-track-opacity: 0;
--svrollbar-thumb-width: 8px;
--svrollbar-thumb-background: hsla(216,5%,60%);
--svrollbar-thumb-opacity: 0.9;
--svrollbar-thumb-width: 8px;
--svrollbar-thumb-background: hsla(216, 5%, 60%);
--svrollbar-thumb-opacity: 0.9;
}
.viewport {
position: relative;
width: 100%;
height: calc(100vh - 2.5rem);
overflow-y: scroll;
overflow-x: hidden;
/* hide scrollbar */
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
/* hide scrollbar */
display: none;
}
.viewport {
position: relative;
width: 100%;
height: calc(100vh - 2.5rem);
overflow-y: scroll;
overflow-x: hidden;
/* hide scrollbar */
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
/* hide scrollbar */
display: none;
}
.contents {
height: 100%;
}
.contents {
height: 100%;
}
}
:global(.v-thumb) {
margin: 4px auto 4px auto !important;
}
</style>
:global(.v-thumb) {
margin: 4px auto 4px auto !important;
}
</style>