andras/fleeting-garden
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve full-screen mode

Browse source
This commit is contained in:
Andras Schmelczer 2023-04-30 16:15:35 +01:00
parent afe2a67ba0
commit fa103bcdf6
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
5 changed files with 68 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/index.scss
View file

@ -27,21 +27,14 @@ html {
> .canvas-container {
height: 100%;
display: flex;
width: 100%;
display: flex;
> canvas {
height: 100%;
width: 100%;
}
> button.minimize-full-screen {
@include image-button(url('../assets/icons/minimize.svg'));
position: absolute;
bottom: var(--small-margin);
right: var(--small-margin);
}
> .errors-container {
color: red;
position: absolute;
@ -56,12 +49,13 @@ html {
}
> aside {
@include blurred-background;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
@include blurred-background;
transition: opacity var(--transition-time-long);
border-radius: var(--border-radius);
margin: var(--small-margin);
@ -79,6 +73,10 @@ html {
@include image-button(url('../assets/icons/maximize.svg'));
}
> button.minimize-full-screen {
@include image-button(url('../assets/icons/minimize.svg'));
}
> button.restart {
@include image-button(url('../assets/icons/restart.svg'));
}