You've already forked AstralRinth
forked from didirus/AstralRinth
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
This commit is contained in:
37
theseus_gui/src/pages/project/Description.vue
Normal file
37
theseus_gui/src/pages/project/Description.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user