shihaam/karudhaas
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Delete Topic.vue

Browse Source
This commit is contained in:
Mohamed Jinas
2020-08-14 02:00:52 +05:00
parent eb449eab51
commit 302b89db9f
1 changed files with 0 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
resources/js/pages/Topic.vue
View File

@@ -1,72 +0,0 @@
<template>
<div>
<section class="mx-auto max-w-6xl py-5">
<div class="flex flex-col">
<div class="flex flex-col md:flex-row justify-center items-center">
<div class="transition-all ease-in-out duration-1000 flex flex-col justify-center"></div>
<div class="transition-all ease-in-out duration-1000 flex flex-col justify-center"></div>
<div class="transition-all ease-in-out duration-1000 flex flex-col justify-center"></div>
</div>
<div class="flex flex-col md:flex-row justify-center items-center">
<div class="transition-all ease-in-out duration-1000 flex flex-col justify-center">
<div slot="middle-right" class="max-w-xs">
<div class="flex flex-col justify-center h-48 p-3">
<div class="text-5xl font-bold text-gray-800 mb-2 text-center MvAamu" v-text="topic.name"></div>
<div class="text-sm my-3 MvTyper text-center leading-6" style="direction:rtl;"> {{topic.name}} އާއިބެހޭ މަޢުލޫމާތުތަށް އެއްތަންކުރެވިފައި</div>
</div>
</div>
</div>
</div>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mb-10 mt-8">
<div
class="transition-all ease-in-out duration-1000 flex flex-col justify-center mr-0 md:mr-2"
v-for="article in articles"
:key="article.id"
>
<div slot="bottom-left" class="max-w-xs">
<div class="p-5 shadow-md m-2 mt-4">
<router-link :to="{ name: 'article.show', params: { id: article.id } }">
<img class="object-scale-down h-30" :src="article.featured_image" :alt="article.meta.title">
</router-link>
<div class="text-xs font-bold uppercase text-gray-500 text-right mt-1 mb-2 MvTyper" v-text="article.source.name"></div>
<router-link :to="{ name: 'article.show', params: { id: article.id } }">
<div class="text-md font-bold leading-7 mb-2 MvTyper text-right hover:underline" v-text="article.title"></div>
</router-link>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
topic: [],
articles: []
}
},
mounted() {
axios.get(`/api/topic/${this.$route.params.slug}`).then(response => {
this.topic = response.data.topic;
this.articles = response.data.articles;
});
},
}
</script>