tweaks and hack image fix

parent a7fe4f2c
......@@ -3,7 +3,7 @@
<q-dialog v-model="showDialog" full-height>
<q-card style="width: 700px; max-width: 80vw;">
<q-bar class="text-white bg-green"
>Viewpoint in {{ collection.title }}
>Viewpoint
<q-space />
<q-btn
icon="keyboard_arrow_left"
......@@ -27,19 +27,22 @@
<q-scroll-area>
<q-card-section>
<h1>{{ viewpoint.title }}</h1>
<h4>{{ viewpoint.introduction }}</h4>
<h3>{{ collection.title }}</h3>
<p><strong>{{ viewpoint.title }}</strong></p>
<p><i>{{ viewpoint.introduction }}</i></p>
<div class="imagehack">
<span v-html="viewpoint.text" />
</div>
</q-card-section>
</q-scroll-area>
</q-card>
</q-dialog>
</div>
</template>
<style scoped>
.q-card img {
height: 100% !important;
}
<style >
.imagehack img {
max-width: 100%
}
</style>
<script>
export default {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment