Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-08 14:43:23 +00:00
Code Issues Projects Releases Wiki Activity

Edit description

Browse Source
This commit is contained in:
Hnooz
2022-02-18 15:59:20 +02:00
parent 344a3a94c0
commit edb97d9d2b
3 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/merakiui-thumbnail.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 730 KiB

6
nuxt.config.js
View File

@@ -31,7 +31,7 @@ export default {
hid: "description", hid: "description",
name: "description", name: "description",
content: content:
"Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.", "Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.",
}, },
{ name: "twitter:card", content: "summary_large_image" }, { name: "twitter:card", content: "summary_large_image" },
{ {
@@ -43,7 +43,7 @@ export default {
hid: "twitter:description", hid: "twitter:description",
name: "twitter:description", name: "twitter:description",
content: content:
"Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.", "Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.",
}, },
{ {
hid: "twitter:image", hid: "twitter:image",
@@ -68,7 +68,7 @@ export default {
hid: "og:description", hid: "og:description",
property: "og:description", property: "og:description",
content: content:
"Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.", "Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.",
}, },
], ],
link: [ link: [

18
pages/index.vue
View File

@@ -4,13 +4,10 @@
<div class="container flex items-center flex-1 px-6 py-8 mx-auto lg:py-0"> <div class="container flex items-center flex-1 px-6 py-8 mx-auto lg:py-0">
<div class="max-w-3xl mx-auto text-center text-white"> <div class="max-w-3xl mx-auto text-center text-white">
<h1 class="text-2xl font-semibold leading-relaxed text-white lg:text-4xl">Start building your next project with an awesome components build with utilities</h1> <h1 class="text-2xl font-medium leading-relaxed text-white capitalize lg:text-3xl"><a target="_blank" href="https://tailwindcss.com" class="font-normal underline decoration-blue-500">Tailwind CSS</a>
<p class="mt-4 text-gray-300 lg:mt-6 lg:text-xl">
Beautiful <a target="_blank" href="https://tailwindcss.com" class="font-normal underline decoration-blue-500">Tailwind CSS</a>
components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant
<a target="_blank" href="https://tailwindcss.com/docs/dark-mode" class="font-normal underline decoration-blue-500">Dark Mode</a>. <a target="_blank" href="https://tailwindcss.com/docs/dark-mode" class="font-normal underline decoration-blue-500">Dark Mode</a>.
</p> </h1>
<div class="flex flex-wrap items-center justify-center mt-6 space-x-5"> <div class="flex flex-wrap items-center justify-center mt-6 space-x-5">
<a href="/components" class="flex text-white hover:underline"> <a href="/components" class="flex text-white hover:underline">
@@ -31,8 +28,14 @@
</div> </div>
<div class="grid grid-cols-1 gap-3 mt-8 text-center sm:flex sm:justify-center sm:gap-0 sm:space-x-4"> <div class="grid grid-cols-1 gap-3 mt-8 text-center sm:flex sm:justify-center sm:gap-0 sm:space-x-4">
<a href="/components" class="px-4 py-3 text-sm font-semibold text-gray-900 capitalize bg-white rounded-lg hover:bg-gray-300 hover:text-gray-700 focus:outline-none focus:ring focus:ring-opacity-40 focus:ring-gray-100"> Browse Components</a> <a href="/components" class="px-6 py-3 text-sm font-semibold text-gray-900 capitalize bg-white rounded-lg hover:bg-gray-300 hover:text-gray-700 focus:outline-none focus:ring focus:ring-opacity-40 focus:ring-gray-100"> Browse Components</a>
<a href="#" @click="premium = 'soon'" v-text="premium" class="px-4 py-3 text-sm font-semibold text-gray-300 capitalize bg-gray-800 rounded-lg hover:bg-gray-700 focus:outline-none focus:ring focus:ring-opacity-40 focus:ring-gray-600"></a> <a href="https://twitter.com/meraki_ui" target="_blank" class="flex items-center justify-center px-6 py-3 space-x-2 text-sm font-semibold text-gray-300 bg-gray-800 rounded-lg hover:bg-gray-700 focus:outline-none focus:ring focus:ring-opacity-40 focus:ring-gray-600">
<span>Follow us on Twitter </span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
</svg>
</a>
</div> </div>
</div> </div>
</div> </div>
@@ -50,7 +53,6 @@ export default {
data() { data() {
return { return {
components_count: 108, components_count: 108,
premium: 'premium Themes'
}; };
}, },
}; };