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