1
0
Files
AstralRinth/theseus_gui/src/pages/project/Description.vue
Adrian O.V 34f4b762f9 Project pages (#65)
* Initial impl of project pages

* Finalize project styling

* Revert browse page changes

* Fix lint

* Addressed some comments

* 😄

* Run lint

* Addressed issues

* fixed dist

* addressed changes

* Address changes

* I am speed

* Howd you get there
2023-04-06 18:06:37 -07:00

38 lines
532 B
Vue

<template>
<Card>
<div class="markdown-body" v-html="renderHighlightedString(project.body)" />
</Card>
</template>
<script setup>
import { Card, renderHighlightedString } from 'omorphia'
defineProps({
project: {
type: Object,
default: () => {},
},
})
</script>
<script>
export default {
name: 'Description',
}
</script>
<style scoped lang="scss">
.markdown-body {
:deep(hr),
:deep(h1),
:deep(h2) {
max-width: max(60rem, 90%);
}
:deep(ul),
:deep(ol) {
margin-left: 2rem;
}
}
</style>