aiolabs/lightning-pub
2
0
Fork 0
Code Issues 9 Pull requests 4 Projects Releases Packages Wiki Activity Actions

update responsieve

Browse source
This commit is contained in:
polarDefender 2024-05-24 05:19:11 +09:00
parent 2790b00fa0
commit 2d2801a316
1 changed files with 18 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

23
static/css/styles.css
View file

@ -9,12 +9,13 @@
} }
body { body {
margin-block-start: 15px;
font-family: Montserrat; font-family: Montserrat;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
text-align: center; text-align: center;
overflow: scroll; overflow-y: scroll;
overflow-x: hidden;
margin: 0;
} }
header { header {
@ -24,12 +25,22 @@ header {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
height: 4rem;
padding: 0.5rem 1rem;
} }
main { main {
max-width: 600px; max-width: 600px;
min-height: calc(100vh - 15rem);
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
padding: 1rem;
}
@media (min-width: 640px) {
main {
min-height: auto;
}
} }
* { * {
@ -188,7 +199,7 @@ a {
@media (max-width: 768px) { @media (max-width: 768px) {
.setup-header > h2 { .setup-header > h2 {
font-size: 24px; font-size: 24px;
} }
} }
.setup-header .header-title { .setup-header .header-title {
@ -231,7 +242,9 @@ footer {
max-width: 500px; max-width: 500px;
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
margin-top: 18px; padding-top: 18px;
padding-left: 1rem;
padding-right: 1rem;
} }
footer .footer-text { footer .footer-text {
@ -248,4 +261,4 @@ footer .footer-text {
.hidden-button { .hidden-button {
visibility: hidden; visibility: hidden;
} }