dwd-projects/teenybeanspreschoolcurriculum.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Suvodip Ghosh
2023-02-13 13:58:56 +05:30
parent af529f802c
commit 8fc5818f93
15 changed files with 390 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Blog.vue
View File

@@ -56,11 +56,11 @@
<div class="flex place-items-center bg-yellow-200 absolute -mt-12 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{item.date}}</div>
<div class="pt-6 space-y-4">
<blockquote>
<p class="text-3xl font-medium text-color-1">{{ item.title }}</p>
<p class="text-3xl font-medium text-color-1 line-clamp-2">{{ item.title }}</p>
</blockquote>
<figcaption class="font-medium">
<!-- <div class="text-color-2 text-justify line-clamp-3">{{ item.preview_text }}</div> -->
<div class="text-color-2 text-xl position-fixed line-clamp-4" v-html="item.meta_description"></div>
<div class="text-color-2 text-xl position-fixed line-clamp-3" v-html="item.meta_description"></div>
<div class="text-slate-700 p-2 shadow-md rounded text-center">
<a :href="'/blog/' + item.slug" class="text-blue-600"> Read More >> </a>
</div>
@@ -72,7 +72,6 @@
<FaqSection />
</div>
</section>
</div>
</template>
@@ -83,8 +82,22 @@
}
.text-color-2 {
color: #333333;
}
.line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: justify;
padding: 4px;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>
<script>