okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

putting code in place for alternate main views (fullscreen)

Browse source
This commit is contained in:
booploops 2021-12-27 00:43:03 -08:00
parent 55109f8baf
commit 1431bc7efb
4 changed files with 492 additions and 380 deletions
Download patch file Download diff file Expand all files Collapse all files

51
src/renderer/style.less
View file

@ -183,6 +183,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
width: 100%;
height: 100%;
flex-direction: column;
opacity: 1;
}
#app-sidebar {
@ -2897,6 +2898,44 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
}
}
.fullscreen-view-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
}
.fullscreen-view {
width: 100%;
height: 100%;
background: black;
display: flex;
justify-content: center;
align-items: center;
.fs-row {
flex-grow: 1;
}
.artwork-col {
justify-content: center;
align-items: center;
display: flex;
.artwork {
width: 50vh;
height: 50vh;
}
}
}
/* Cider */
/* Transitions */
@ -2944,6 +2983,18 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
transform: scale(0.5);
}
.fsModeSwitch-enter-active,
.fsModeSwitch-leave-active {
transition: transform 1s var(--appleEase), opacity 1s var(--appleEase);
}
.fsModeSwitch-enter,
.fsModeSwitch-leave-to {
transform: scale(1.10);
opacity: 0;
}
.drawertransition-enter-active,
.drawertransition-leave-active {
transition: right .25s var(--appleEase);