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="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%;
|
||||
|
|
Loading…
Reference in a new issue