better main illustration size
This commit is contained in:
@@ -4,9 +4,14 @@ const { frontmatter } = usePage()
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="post">
|
<div class="post">
|
||||||
<app-header />
|
<app-header class="header-post" />
|
||||||
|
|
||||||
<img id="main-illustration" v-if="frontmatter.illustration" :src="frontmatter.illustration" alt="Main illustration">
|
<img
|
||||||
|
id="main-illustration"
|
||||||
|
v-if="frontmatter.illustration"
|
||||||
|
:src="frontmatter.illustration"
|
||||||
|
alt="Main illustration"
|
||||||
|
/>
|
||||||
|
|
||||||
<article id="main-article">
|
<article id="main-article">
|
||||||
<slot />
|
<slot />
|
||||||
@@ -45,9 +50,12 @@ h7 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
max-width: 100%;
|
||||||
max-height: 40vh;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-post {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user