Fix post cover image size on desktop and make title more responsive
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
ChronosXYZ 2024-10-02 16:55:28 +03:00
parent bba2a07538
commit 025d5f0000
Signed by: ChronosXYZ
GPG Key ID: 189BF50EBD342791
2 changed files with 19 additions and 3 deletions

View File

@ -48,13 +48,25 @@ const { title, pubDate, banner: cover, bannerAlt: coverAlt } = Astro.props;
.cover-box {
padding-top: 1em;
display: flex;
justify-content: center;
}
.cover-image {
border-radius: var(--image-radius);
margin-left: auto;
height: 100%;
width: 100%;
}
/* For mobile phones: */
@media only screen and (max-width: 768px) {
.cover-box {
display: block;
padding-top: 1em;
}
.cover-image {
height: 100%;
width: 100%;
}
}
</style>
<style is:global>

View File

@ -83,4 +83,8 @@ li img {
main {
min-width: 100%;
}
#title {
font-size: 5.9vw;
}
}