changed some more styling, and responsiveness

This commit is contained in:
HerpieDerpie@example.com
2024-01-11 12:10:38 +01:00
parent 3443ed8d3c
commit 224898afac
3 changed files with 29 additions and 8 deletions

View File

@@ -60,12 +60,19 @@
font-size: large;
}
#editProjectName,
#exportProject {
color: black !important;
#projectButtons {
display: flex;
justify-content: space-around;
height: 80px;
width: 80%;
}
#projectButtons > button {
width: 35% !important;
background: var(--dark-steel);
border: 1px solid var(--discord-blue);
border-radius: 10px;
}
@media only screen and (max-width: 768px) {
#main {
@@ -94,11 +101,25 @@
grid-auto-rows: 200px;
gap:10px !important;
}
#grid:last-child {
margin-bottom: 30px;
}
.grid-btn {
width: 100% !important;
height: 100% !important;
}
#projectButtons {
flex-direction: column;
align-items: center;
height: 200px !important;
row-gap: 5px;
}
#projectButtons > button {
width: 40% !important;
height: 80px;
}
}
@media only screen and (max-width: 768px) and (min-width: 500px) {