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

Topic front end

Browse Source
This commit is contained in:
Mohamed Jinas
2020-08-13 03:21:36 +05:00
parent af1e8bf182
commit f8d0feeeec
4 changed files with 72 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/DiscoverTopics.vue
View File

@@ -1,20 +1,20 @@
<template>
<div class="border-b">
<div>
<h2 class="text-center text-2xl font-bold text-gray-800 MvAamu">
<h2 class="text-gray-800 font-bold text-3xl text-center mt-3 mb-2 MvAamu">
ތަފާތު މައުޟޫޢުތައް
</h2>
</div>
<div class="flex flex-wrap justify-center">
<a
<router-link
:to="{ name: 'topic.show', params: { slug: topic.slug } }"
v-for="topic in topics"
:key="topic.id"
href="#"
class="text-sm font-medium border border-gray-700 py-1 px-3 rounded-full mr-2 mt-2 mb-4 hover:bg-green-100 MvTyper"
style="color:#4A5568;"
v-text="topic.name"
></a>
></router-link>
</div>
</div>
</template>

6
resources/js/components/RecentStories.vue
View File

@@ -2,7 +2,7 @@
<div>
<div>
<h3
class="text-2xl font-bold text-gray-800 mt-3 mb-4 text-right MvAamu"
class="text-gray-800 font-bold text-3xl text-right mt-3 mr-3 MvAamu"
>
ފަހުގެ ޙަބަރުތަށް
</h3>
@@ -21,7 +21,7 @@
>
<div>
<div
class="mt-5 text-gray-700 font-semibold text-2xl mb-2 text-right MvAamu"
class="mt-5 text-gray-700 font-semibold text-2xl mb-2 text-right MvTyper hover:underline"
style="direction:rtl;"
v-text="story.title"
></div>
@@ -52,7 +52,7 @@
</div>
<div
class="h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden opacity-75 rounded-lg"
class="h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden opacity-75 rounded-lg object-right"
:style="{
'background-image':
'url(' + story.featured_image + ')'