Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-16 00:07:59 +00:00
Code Issues Projects Releases Packages Wiki Activity

update notes page layout and icon

Browse source
This commit is contained in:
Gamebrary 2021-01-04 13:33:12 -07:00
parent 98763225c8
commit 2e2ae339e0
2 changed files with 19 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/PageHeader.vue
View file

@ -34,7 +34,7 @@
:to="{ name: 'notes' }"
v-b-tooltip.hover.right
>
<i class="far fa-sticky-note fa-fw" aria-hidden />
<i class="fas fa-sticky-note fa-fw" aria-hidden />
</b-button>
<b-button

27
src/pages/Notes.vue
View file

@ -30,17 +30,26 @@
v-for="(note, gameId) in notes"
:key="gameId"
class="mb-3 w-100 note"
:img-src="getCoverUrl(gameId)"
:img-alt="games[gameId].name"
img-left
body-class="p-2"
@click="openGame(gameId)"
>
<div v-if="games[gameId]">
<h5>{{ games[gameId] && games[gameId].name ? games[gameId].name : '' }}</h5>
<div class="d-flex">
<b-img
:src="getCoverUrl(gameId)"
:alt="games[gameId].name"
class="rounded"
width="70"
/>
<b-alert show variant="warning" class="mt-2">
<vue-markdown :source="note" />
</b-alert>
<div class="ml-2">
<h5 v-if="games[gameId]">
{{ games[gameId] && games[gameId].name ? games[gameId].name : '' }}
</h5>
<b-alert show variant="warning" class="m-0">
<vue-markdown :source="note" />
</b-alert>
</div>
</div>
</b-card>
</template>
@ -134,7 +143,7 @@ export default {
</style>
<style lang="scss" rel="stylesheet/scss">
img {
img, pre {
max-width: 100%;
}
</style>