add fix for about bg size to websocket fallback too and tidy up

This commit is contained in:
schlagmichdoch 2023-05-16 01:40:59 +02:00
parent 7e1de4b8c9
commit 89d27ddf3c
2 changed files with 9 additions and 7 deletions

View file

@ -1144,7 +1144,7 @@ button::-moz-focus-inner {
#about x-background { #about x-background {
position: absolute; position: absolute;
--size: max(max(23vw, 23vh), calc((22.5vh + 22.5vw) / 1.5)); --size: max(max(230vw, 230vh), calc(150vh + 150vw));
--size-half: calc(var(--size)/2); --size-half: calc(var(--size)/2);
top: calc(28px - var(--size-half)); top: calc(28px - var(--size-half));
right: calc(36px - var(--size-half)); right: calc(36px - var(--size-half));
@ -1163,7 +1163,7 @@ button::-moz-focus-inner {
} }
#about:target x-background { #about:target x-background {
transform: scale(10); transform: scale(1);
} }
#about .row a { #about .row a {

View file

@ -1170,10 +1170,12 @@ button::-moz-focus-inner {
#about x-background { #about x-background {
position: absolute; position: absolute;
top: calc(28px - 250px); --size: max(max(230vw, 230vh), calc(150vh + 150vw));
right: calc(36px - 250px); --size-half: calc(var(--size)/2);
width: 500px; top: calc(28px - var(--size-half));
height: 500px; right: calc(36px - var(--size-half));
width: var(--size);
height: var(--size);
border-radius: 50%; border-radius: 50%;
background: var(--primary-color); background: var(--primary-color);
transform: scale(0); transform: scale(0);
@ -1187,7 +1189,7 @@ button::-moz-focus-inner {
} }
#about:target x-background { #about:target x-background {
transform: scale(10); transform: scale(1);
} }
#about .row a { #about .row a {