css overflow issue fix
All checks were successful
/ test (push) Successful in 7s

This commit is contained in:
violette 2024-05-21 11:49:47 -04:00
parent a23f6f6854
commit d31161087e
2 changed files with 26 additions and 7 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

After

Width:  |  Height:  |  Size: 89 KiB

View file

@ -39,10 +39,11 @@
}
.color-scheme-wrapper {
min-height: 100vh;
background-color: var(--bg);
transition: 1s all;
color:var(--text);
height: 100%;
width: 100%;
}
.margin {
@ -65,6 +66,7 @@ body {
display: flex;
flex-direction: column;
overflow: hidden;
}
header {
@ -117,11 +119,12 @@ footer {
gap: 10px;
}
.nav {
list-style-type: none;
margin: 5pt;
display: inline-flex;
display: flex;
align-items: center;
}
@ -130,10 +133,23 @@ footer {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 300pt) {
.nav {
flex-direction: column;
align-items: flex-start;
}
.nav-right {
flex-direction: column;
display: flex;
}
}
li {
padding-left: 5pt;
padding-right: 5pt;
@ -143,6 +159,7 @@ ul {
padding-right: 5pt;
padding-left: 5pt;
margin-left: 5pt;
width: 100%;
}
a, label {
@ -151,10 +168,8 @@ a, label {
}
.toggle-dark {
align-self: flex-end;
width: auto;
padding-right: 20pt;
padding-left: 20pt;
}
.toggle-dark label {
@ -164,10 +179,14 @@ a, label {
/* resize image that are in main, and center them */
main img {
max-width: 512pt;;
max-width: 70%;
min-width: 0;
margin-left:auto;
margin-right:auto;
display:flex;
display: flex;
float:none;
}