MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

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="left">
<div class="content">
<slot />
</div>
</div>
<div class="right">
<div class="right spectrum spectrum--darkest">
<img src={BG} alt="background" />
<slot name="right" />
</div>
</div>
@ -25,11 +30,14 @@
overflow-y: auto;
}
.right {
background: linear-gradient(
to bottom right,
var(--spectrum-global-color-gray-300) 0%,
var(--background) 100%
);
position: relative;
}
.right img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.content {
width: 100%;