Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-09 07:03:24 +00:00
Code Issues Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
khatabwedaa
2020-05-05 13:13:22 +02:00
parent 8eb56941ae
commit fbec5ec6b9
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components.js
View File

@@ -1,13 +1,13 @@
export default [ export default [
{ {
name: 'Alert', name: 'alert',
components: [ components: [
{ name: 'notification-Pop' } { name: 'notification-Pop' }
], ],
}, },
{ {
name: 'Cards', name: 'cards',
components: [ components: [
{ name: 'article' }, { name: 'article' },
{ name: 'product' }, { name: 'product' },
@@ -17,7 +17,7 @@ export default [
], ],
}, },
{ {
name: 'Forms', name: 'forms',
components: [ components: [
{ name: 'login' }, { name: 'login' },
{ name: 'subscribe' }, { name: 'subscribe' },

4
src/components/Master.vue
View File

@@ -8,7 +8,7 @@
</div> </div>
<div class="flex items-center mt-5 flex justify-start"> <div class="flex items-center mt-5 flex justify-start">
<span class="text-gray-700">Categories : </span> <span class="text-gray-700">Categories : </span>
<a @click="searchText = ''" class="ml-1 text-gray-700 hover:text-gray-600 cursor-pointer font-light hover:underline">All</a> <a @click="searchText = ''" class="ml-1 text-gray-700 hover:text-gray-600 cursor-pointer font-light hover:underline">all</a>
<span v-for="category in categories" :key="category.name"> <span v-for="category in categories" :key="category.name">
<a @click="searchText = category.name" class="ml-2 text-gray-700 hover:text-gray-600 cursor-pointer font-light hover:underline">{{ category.name }}</a> <a @click="searchText = category.name" class="ml-2 text-gray-700 hover:text-gray-600 cursor-pointer font-light hover:underline">{{ category.name }}</a>
</span> </span>
@@ -18,7 +18,7 @@
<div class="w-full max-w-5xl mx-auto"> <div class="w-full max-w-5xl mx-auto">
<div class="mb-16" v-for="category in list" :key="category.name"> <div class="mb-16" v-for="category in list" :key="category.name">
<h1 class="text-2xl text-gray-800 font-semibold mb-6" v-text="category.name"></h1> <h1 class="text-2xl text-gray-800 font-semibold mb-6 capitalize" v-text="category.name"></h1>
<component v-for="component in category.components" :key="component.name" :is="component.name" class="mb-10"></component> <component v-for="component in category.components" :key="component.name" :is="component.name" class="mb-10"></component>
</div> </div>
</div> </div>