CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-08-18 19:41:30 +12:00
Code Issues Projects Releases Wiki Activity

Update background of split page to use purplish gradient, and also fix it to dark theme

Browse source
This commit is contained in:
Andrew Kingston 2023-01-31 15:48:35 +00:00
parent 261b37d729
commit e0ba99621c
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/frontend-core/src/components/SplitPage.svelte
View file

@ -1,10 +1,15 @@
<script>
import BG from "../../assets/bg.png"
</script>
<div class="split-page"> <div class="split-page">
<div class="left"> <div class="left">
<div class="content"> <div class="content">
<slot /> <slot />
</div> </div>
</div> </div>
<div class="right"> <div class="right spectrum spectrum--darkest">
<img src={BG} alt="background" />
<slot name="right" /> <slot name="right" />
</div> </div>
</div> </div>
@ -25,11 +30,14 @@
overflow-y: auto; overflow-y: auto;
} }
.right { .right {
background: linear-gradient( position: relative;
to bottom right, }
var(--spectrum-global-color-gray-300) 0%, .right img {
var(--background) 100% position: absolute;
); top: 0;
left: 0;
height: 100%;
width: 100%;
} }
.content { .content {
width: 100%; width: 100%;