fix: mobile padding, do not use top on articles

This commit is contained in:
eggy 2023-03-09 11:59:50 -05:00
parent e9497b3cdc
commit 7e85b78c45
2 changed files with 17 additions and 3 deletions

View File

@ -72,6 +72,13 @@ html::before {
z-index: 0; z-index: 0;
} }
/* div#__nuxt {
min-height: 100vh;
}
it's better if everything is sort of long but that is not the case
*/
html.dark::before { html.dark::before {
transform: translateX(0); transform: translateX(0);
} }

View File

@ -5,9 +5,9 @@ import { calcReadingTime } from "@/shared/metadata";
type GeneralParsedContent = BlogParsedContent | StoryParsedContent; type GeneralParsedContent = BlogParsedContent | StoryParsedContent;
const route = useRoute(); const route = useRoute();
definePageMeta({ // definePageMeta({
layout: "withtop", // layout: "withtop",
}); // });
// we're not using ContentDoc because i need control // we're not using ContentDoc because i need control
const doc = await queryContent<GeneralParsedContent>(route.path).findOne(); const doc = await queryContent<GeneralParsedContent>(route.path).findOne();
@ -65,6 +65,13 @@ const captionText =
padding-top: 2rem; padding-top: 2rem;
} }
@media screen and (max-width: 600px) {
.container {
max-width: 80ch;
width: 90%;
}
}
* { * {
transition: color 0.2s ease; transition: color 0.2s ease;
} }