New Website in VueJS #6
1 changed files with 3 additions and 5 deletions
|
|
@ -1,9 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="max-w-4xl mx-auto">
|
<div class="max-w-4xl mx-auto">
|
||||||
<div v-if="loading" class="text-center py-12">
|
<div v-if="loading" class="text-center py-12">
|
||||||
<span class="text-primary"
|
<span class="text-primary">Loading<span class="blinking-cursor"></span></span>
|
||||||
>Loading<span class="blinking-cursor"></span
|
|
||||||
></span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-else-if="error" class="text-center py-12">
|
<div v-else-if="error" class="text-center py-12">
|
||||||
|
|
@ -28,7 +26,7 @@
|
||||||
v-if="content?.frontmatter.cover"
|
v-if="content?.frontmatter.cover"
|
||||||
:src="resolveCover(content.frontmatter.cover)"
|
:src="resolveCover(content.frontmatter.cover)"
|
||||||
:alt="content.frontmatter.title"
|
:alt="content.frontmatter.title"
|
||||||
class="w-full h-auto rounded-lg mb-6 object-cover"
|
class="w-full h-auto max-h-[55vh] md:max-h-[65vh] rounded-lg object-contain mx-auto mb-6"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<h1 class="text-4xl font-bold text-primary mb-6">
|
<h1 class="text-4xl font-bold text-primary mb-6">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue