heboba/goodgarden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

plantenClass OOP V1.0

Browse Source
This commit is contained in:
Renzo
2024-03-20 09:35:18 +01:00
parent 275d64585e
commit f36dae570b
6 changed files with 128 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/css/style.css
View File

@@ -9,6 +9,22 @@ p, td {
font-family: "Afacad", sans-serif;
}
.containers-articles, body .mainContainer .mainBorder .content .kant-rechts #sensor-2, body .mainContainer .mainBorder .content .kant-links #sensor-1, body .mainContainer .mainBorder .content .kant-links #planten td article {
height: 7rem;
width: 10rem;
padding: 0.6rem;
margin: 0.1rem;
margin-left: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: solid 3px rgb(171, 211, 174);
border-radius: 40px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: white;
}
body {
background-image: url("../images/achtergrond.png");
background-repeat: no-repeat;
@@ -117,20 +133,6 @@ body .mainContainer .mainBorder .content .kant-links #planten {
width: 100%;
border-collapse: collapse;
}
body .mainContainer .mainBorder .content .kant-links #planten td article {
height: 7rem;
width: 10rem;
padding: 0.6rem;
margin: 0.1rem;
margin-left: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: solid 3px rgb(171, 211, 174);
border-radius: 40px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
body .mainContainer .mainBorder .content .kant-links #planten td article #toevoegen {
height: 5rem;
width: 5rem;
@@ -141,6 +143,12 @@ body .mainContainer .mainBorder .content .kant-links #planten td article h2 {
body .mainContainer .mainBorder .content .kant-links #planten td article:hover {
background-color: lightgray;
}
body .mainContainer .mainBorder .content .kant-links #sensor-1 {
border: none;
border-radius: 40px 0px 0px 40px;
width: 30vw;
margin-top: 10vh;
}
body .mainContainer .mainBorder .content .kant-rechts {
grid-column: 3;
margin-right: 2rem;
@@ -161,6 +169,11 @@ body .mainContainer .mainBorder .content .kant-rechts #metingen #main-waardes ta
justify-content: space-between;
width: 100%;
}
body .mainContainer .mainBorder .content .kant-rechts #sensor-2 {
border-radius: 0px 40px 40px 0px;
width: 30vw;
margin-top: 10vh;
}
body .mainContainer .mainBorder .grid-column-2 {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 40px;