Update background of split page to use purplish gradient, and also fix it to dark theme
This commit is contained in:
parent
261b37d729
commit
e0ba99621c
1 changed files with 14 additions and 6 deletions
|
@ -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%;
|
||||||
|
|
Loading…
Reference in a new issue