Compare commits

...

2 commits

Author SHA1 Message Date
Soph :3 c2ffd6e26e
improve mobile CSS Heavillyyy
All checks were successful
/ test (push) Successful in 14s
2024-07-23 23:16:06 +03:00
Soph :3 2efa10dff8
f8x 2024-07-23 22:58:28 +03:00
3 changed files with 10 additions and 10 deletions

View file

@ -13,26 +13,26 @@ body {
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"one two" "one two"
"four blog" "one four"
"three blog"; "three blog";
grid-gap: 5px; grid-gap: 5px;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: 1fr 1fr;
height: 98vh; grid-template-rows: repeat(25vh, 6);
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.order { .order {
grid-template-areas: grid-template-areas:
"one " "one "
"four "
"two " "two "
"blog " "blog "
"blog "; "blog "
"three";
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.three, .four {
display: none !important;
}
body { body {
scrollbar-width: auto !important; scrollbar-width: auto !important;
} }
} }
.emoji { .emoji {

View file

@ -72,7 +72,7 @@ class Main extends Component {
} }
return <> return <>
<h1> blog </h1> <h1>blog & comments</h1>
{() => { {() => {
if (blogPosts) return this.list(blogPosts) if (blogPosts) return this.list(blogPosts)
else return <h3>Loading...</h3> else return <h3>Loading...</h3>

View file

@ -27,7 +27,7 @@ export class BlogPage extends Component {
history.replaceState({}, "", location.pathname+"?md=" + this.metadata.filename); history.replaceState({}, "", location.pathname+"?md=" + this.metadata.filename);
return <> return <>
<h1> sophie's blog </h1> <h1>blog & comments</h1>
<a style="font-size:xx-large;" onClick={() => { <a style="font-size:xx-large;" onClick={() => {
pageOpen[1](undefined); pageOpen[1](undefined);
history.replaceState({}, "", location.pathname+"?md="); history.replaceState({}, "", location.pathname+"?md=");