TobiasH/itender
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source 
Took 1 hour 29 minutes
This commit is contained in:
Tobias Hopp
2023-01-31 14:07:08 +01:00
parent e677e41e40
commit 8766961c7b
7 changed files with 119 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
public/stylesheets/style.css
View File

@ -48,23 +48,25 @@ body {
user-select: none; /* Standard syntax */
}
#blockPanel {
z-index: 999;
position: fixed;
top:0;
left:0;
background-color: rgba(0,0,0,0.9);
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.9);
width: 100vw;
height: 100vh;
;
height: 100vh;;
transition: opacity 0.4s;;
}
.opacityOutDisplayNone {
animation: opacityOutDisplayNone 0.4s linear forwards;
}
@keyframes opacityOutDisplayNone {
0% {
opacity: 1;
@ -75,6 +77,7 @@ body {
}
}
h1 {
font-size: 1.74em;
font-weight: 500;
@ -82,6 +85,7 @@ h1 {
}
h2 {
font-size: 1.45em;
font-weight: 500;
@ -89,6 +93,7 @@ h2 {
}
#overlay {
color: white;
}
@ -140,7 +145,9 @@ h2 {
#overlay #bottom {
display: block;
display: grid;
grid-template-rows: 100%;
grid-template-columns: 20% 80%;
position: fixed;
bottom: 0;
left: 0;
@ -153,14 +160,13 @@ h2 {
#overlay #bottom #menuBtn {
height: 100%;
width: 10%;
width: 60%;
background-color: #21212D;
padding: 1px;
font-size: 1.5em;
border: 0;
border-radius: 0 12px 0 0;
color: white;
float: left;
transition: all 0.4s;
margin-left: 0;
}
@ -177,11 +183,28 @@ h2 {
}
#overlay #bottom #containers {
#overlay #bottom #menuContainers {
height: 100%;
width: 30%;
float: right;
/* todo */
display: grid;
grid-template-columns: repeat(14,1fr);
grid-auto-flow: column;
direction: rtl;
grid-template-rows: 100%;
grid-column-gap: 1.5%;
padding: 1% 2% 0.2%;
}
#menuContainers .container {
text-align: center;
border-radius: 0 0 30% 30%;
border: 1px solid black;
border-top-color: transparent;
padding-top: 18%;
background-color: #5b5b9b;
transition: all 1s;
transition: background-color 3s;
direction: ltr;
}