ngn/website
1
0
Fork 0
Code Issues 1 Pull Requests 3 Actions Packages Activity

fix blog page flex div

Browse Source
This commit is contained in:
ngn 2024-07-24 01:47:55 +03:00
parent 7a85e0fed2
commit e3b5e3a921
2 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/lib/header.svelte
View File

@ -21,7 +21,7 @@ header {
h1 { h1 {
font-weight: 900; font-weight: 900;
font-size: 5.5vw; font-size: 500%;
padding: 120px; padding: 120px;
padding-bottom: 0; padding-bottom: 0;
text-align: center; text-align: center;
@ -33,7 +33,7 @@ h1 {
h4 { h4 {
padding-bottom: 120px; padding-bottom: 120px;
font-weight: 600; font-weight: 600;
font-size: 2.2vw; font-size: 200%;
text-align: center; text-align: center;
color: white; color: white;
text-size-adjust: 80%; text-size-adjust: 80%;

24
app/src/routes/blog/[id]/+page.svelte
View File

@ -128,27 +128,23 @@ main {
color: white; color: white;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center;
align-items: start; align-items: start;
} }
@media only screen and (max-width: 816px) {
main {
padding: 50px 20% 50px 20%;
}
}
.content { .content {
padding: 35px; padding: 35px;
background: var(--dark-four); background: var(--dark-four);
border-radius: var(--radius); border-radius: var(--radius);
box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);
} width: auto;
width: 100%;
@media only screen and (max-width: 1316px) {
main {
padding: 50px 5% 50px 5%;
flex-direction: column;
}
.content {
background: var(--dark-four);
border-radius: 0 0 var(--radius) var(--radius);
box-shadow: var(--box-shadow);
}
} }
.votes { .votes {
@ -157,7 +153,7 @@ main {
text-align: center; text-align: center;
text-shadow: var(--text-shadow); text-shadow: var(--text-shadow);
gap: 10px; gap: 10px;
padding: 10px; padding: 15px 5px 15px 5px;
margin-left: 10px; margin-left: 10px;
} }