janhaa/pub.solar
1
0
Fork 0
forked from pub-solar/pub.solar
Code Pull requests Activity

Better mobile view

Browse source
This commit is contained in:
Benjamin Bädorf 2021-05-30 19:15:14 +02:00
parent dd11286938
commit 23e3e8f072
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
index.html
View file

@ -60,7 +60,7 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
margin: 0; margin: 0;
font-size: 16px; font-size: max(1vw, 1vh);
} }
body { body {
@ -73,6 +73,7 @@
.ps-main { .ps-main {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
position: relative; position: relative;
@ -91,17 +92,16 @@
} }
.ps-page { .ps-page {
margin-top: 10vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100%; width: min(100vw, 100vh);
transform: rotate(-25deg); transform: rotate(-25deg);
} }
@media screen and (orientation: landscape) { @media screen and (orientation: landscape) {
.ps-background--logo { .ps-page {
transform: rotate(-65deg); transform: rotate(-65deg);
} }
} }
@ -112,6 +112,7 @@
margin-bottom: 6rem; margin-bottom: 6rem;
line-height: 3rem; line-height: 3rem;
text-decoration: none; text-decoration: none;
text-align: center;
font-weight: 900; font-weight: 900;
font-size: 8rem; font-size: 8rem;
text-shadow: 5px 0px 0px white; text-shadow: 5px 0px 0px white;

1
shell.nix
View file

@ -3,5 +3,6 @@
pkgs.mkShell { pkgs.mkShell {
buildInputs = [ buildInputs = [
pkgs.nodejs pkgs.nodejs
pkgs.nodePackages.serve
]; ];
} }