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

Merge branch 'main' of github.com:bakateam/merakiui into main

Browse Source
This commit is contained in:
khatabwedaa
2021-08-21 22:16:16 +02:00
parent 79d586e8fa 904e7dedfd
commit 007dcd895e
5 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/ui/Authentication/LoginWithSocailMediaLinks.vue → components/ui/Authentication/LoginWithSocialMediaLinks.vue
View File

@@ -70,7 +70,7 @@
export default { export default {
data() { data() {
return { return {
name: 'Login with Socail Media Links', name: 'Login with Social Media Links',
code: ` code: `
<div class="w-full max-w-sm p-6 m-auto bg-white rounded-md shadow-md dark:bg-gray-800"> <div class="w-full max-w-sm p-6 m-auto bg-white rounded-md shadow-md dark:bg-gray-800">
<h1 class="text-3xl font-semibold text-center text-gray-700 dark:text-white">Brand</h1> <h1 class="text-3xl font-semibold text-center text-gray-700 dark:text-white">Brand</h1>
@@ -136,4 +136,4 @@
} }
} }
} }
</script> </script>

14
components/ui/Navbars/WithSocailMediaLinks.vue → components/ui/Navbars/WithSocialMediaLinks.vue
View File

@@ -8,7 +8,7 @@
<div> <div>
<a class="text-2xl font-bold text-gray-800 dark:text-white lg:text-3xl hover:text-gray-700 dark:hover:text-gray-300" href="#">Brand</a> <a class="text-2xl font-bold text-gray-800 dark:text-white lg:text-3xl hover:text-gray-700 dark:hover:text-gray-300" href="#">Brand</a>
</div> </div>
<!-- Mobile menu button --> <!-- Mobile menu button -->
<div class="flex lg:hidden"> <div class="flex lg:hidden">
<button @click="isOpen = !isOpen" type="button" class="text-gray-500 dark:text-gray-200 hover:text-gray-600 dark:hover:text-gray-400 focus:outline-none focus:text-gray-600 dark:focus:text-gray-400" aria-label="toggle menu"> <button @click="isOpen = !isOpen" type="button" class="text-gray-500 dark:text-gray-200 hover:text-gray-600 dark:hover:text-gray-400 focus:outline-none focus:text-gray-600 dark:focus:text-gray-400" aria-label="toggle menu">
@@ -25,7 +25,7 @@
<a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">docs</a> <a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">docs</a>
<a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">support</a> <a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">support</a>
<a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">blog</a> <a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">blog</a>
<div class="relative mt-4 lg:mt-0 lg:mx-4"> <div class="relative mt-4 lg:mt-0 lg:mx-4">
<span class="absolute inset-y-0 left-0 flex items-center pl-3"> <span class="absolute inset-y-0 left-0 flex items-center pl-3">
<svg class="w-4 h-4 text-gray-600 dark:text-gray-300" viewBox="0 0 24 24" fill="none"> <svg class="w-4 h-4 text-gray-600 dark:text-gray-300" viewBox="0 0 24 24" fill="none">
@@ -37,7 +37,7 @@
</div> </div>
</div> </div>
</div> </div>
<div :class="isOpen ? 'flex' : 'hidden'" class="justify-center mt-6 lg:flex lg:mt-0 lg:-mx-2"> <div :class="isOpen ? 'flex' : 'hidden'" class="justify-center mt-6 lg:flex lg:mt-0 lg:-mx-2">
<a href="#" class="mx-2 text-gray-600 dark:text-gray-300 hover:text-gray-500 dark:hover:text-gray-300" aria-label="Reddit"> <a href="#" class="mx-2 text-gray-600 dark:text-gray-300 hover:text-gray-500 dark:hover:text-gray-300" aria-label="Reddit">
<svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" fill="none" <svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" fill="none"
@@ -77,7 +77,7 @@
export default { export default {
data() { data() {
return { return {
name: 'With Socail Media Links', name: 'With Social Media Links',
isOpen: false, isOpen: false,
code: ` code: `
<nav class="bg-white shadow dark:bg-gray-800"> <nav class="bg-white shadow dark:bg-gray-800">
@@ -87,7 +87,7 @@
<div> <div>
<a class="text-2xl font-bold text-gray-800 dark:text-white lg:text-3xl hover:text-gray-700 dark:hover:text-gray-300" href="#">Brand</a> <a class="text-2xl font-bold text-gray-800 dark:text-white lg:text-3xl hover:text-gray-700 dark:hover:text-gray-300" href="#">Brand</a>
</div> </div>
<!-- Mobile menu button --> <!-- Mobile menu button -->
<div class="flex lg:hidden"> <div class="flex lg:hidden">
<button type="button" class="text-gray-500 dark:text-gray-200 hover:text-gray-600 dark:hover:text-gray-400 focus:outline-none focus:text-gray-600 dark:focus:text-gray-400" aria-label="toggle menu"> <button type="button" class="text-gray-500 dark:text-gray-200 hover:text-gray-600 dark:hover:text-gray-400 focus:outline-none focus:text-gray-600 dark:focus:text-gray-400" aria-label="toggle menu">
@@ -104,7 +104,7 @@
<a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">docs</a> <a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">docs</a>
<a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">support</a> <a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">support</a>
<a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">blog</a> <a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-gray-800 dark:hover:text-gray-200">blog</a>
<div class="relative mt-4 lg:mt-0 lg:mx-4"> <div class="relative mt-4 lg:mt-0 lg:mx-4">
<span class="absolute inset-y-0 left-0 flex items-center pl-3"> <span class="absolute inset-y-0 left-0 flex items-center pl-3">
<svg class="w-4 h-4 text-gray-600 dark:text-gray-300" viewBox="0 0 24 24" fill="none"> <svg class="w-4 h-4 text-gray-600 dark:text-gray-300" viewBox="0 0 24 24" fill="none">
@@ -116,7 +116,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="flex justify-center mt-6 lg:flex lg:mt-0 lg:-mx-2"> <div class="flex justify-center mt-6 lg:flex lg:mt-0 lg:-mx-2">
<a href="#" class="mx-2 text-gray-600 dark:text-gray-300 hover:text-gray-500 dark:hover:text-gray-300" aria-label="Reddit"> <a href="#" class="mx-2 text-gray-600 dark:text-gray-300 hover:text-gray-500 dark:hover:text-gray-300" aria-label="Reddit">
<svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" fill="none" <svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" fill="none"

4
models/Components.js
View File

@@ -17,7 +17,7 @@ export default [
name: "Authentication", name: "Authentication",
components: [ components: [
{ name: "SimpleLogin" }, { name: "SimpleLogin" },
{ name: "LoginWithSocailMediaLinks" }, { name: "LoginWithSocialMediaLinks" },
{ name: "LoginWithSideImage" }, { name: "LoginWithSideImage" },
], ],
}, },
@@ -64,7 +64,7 @@ export default [
{ name: "ECommerce" }, { name: "ECommerce" },
{ name: "WithSearch" }, { name: "WithSearch" },
{ name: "WithAvatar" }, { name: "WithAvatar" },
{ name: "WithSocailMediaLinks" }, { name: "WithSocialMediaLinks" },
{ name: "WithCategories" }, { name: "WithCategories" },
], ],
}, },

16
pages/index.vue
View File

@@ -8,9 +8,9 @@
<div class="text-xs font-light">Simple UI Starter</div> <div class="text-xs font-light">Simple UI Starter</div>
<h1 class="mt-3 text-2xl font-semibold text-white md:text-3xl">Meraki <span class="text-blue-400">UI </span> Components</h1> <h1 class="mt-3 text-2xl font-semibold text-white md:text-3xl">Meraki <span class="text-blue-400">UI </span> Components</h1>
<p class="mt-3 text-gray-300 md:text-lg"> <p class="mt-3 text-gray-300 md:text-lg">
Beautiful <a href="https://tailwindcss.com" class="font-normal text-blue-400 hover:underline">Tailwind CSS</a> Beautiful <a href="https://tailwindcss.com" class="font-normal text-blue-400 hover:underline">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 href="https://tailwindcss.com/docs/dark-mode" class="font-normal text-blue-400 hover:underline">Dark Mode</a>. <a href="https://tailwindcss.com/docs/dark-mode" class="font-normal text-blue-400 hover:underline">Dark Mode</a>.
</p> </p>
@@ -35,7 +35,7 @@
</div> </div>
</div> </div>
<div class="flex items-center justify-center w-full mt-6 md:w-1/2 md:justify-end md:mt-0"> <div class="flex items-center justify-center w-full mt-6 md:w-1/2 md:justify-end md:mt-0">
<div class="w-full max-w-md"> <div class="w-full max-w-md">
<img src="../assets/svg/Responsive-bro.svg" alt="moon"> <img src="../assets/svg/Responsive-bro.svg" alt="moon">
@@ -116,7 +116,7 @@ import AlertsWarningFullWidth from "~/components/ui/Alerts/WarningFullWidth";
import AlertsErrorFullWidth from "~/components/ui/Alerts/ErrorFullWidth"; import AlertsErrorFullWidth from "~/components/ui/Alerts/ErrorFullWidth";
// Authentication // Authentication
import AuthenticationSimpleLogin from "~/components/ui/Authentication/SimpleLogin"; import AuthenticationSimpleLogin from "~/components/ui/Authentication/SimpleLogin";
import AuthenticationLoginWithSocailMediaLinks from "~/components/ui/Authentication/LoginWithSocailMediaLinks"; import AuthenticationLoginWithSocialMediaLinks from "~/components/ui/Authentication/LoginWithSocialMediaLinks";
import AuthenticationLoginWithSideImage from "~/components/ui/Authentication/LoginWithSideImage"; import AuthenticationLoginWithSideImage from "~/components/ui/Authentication/LoginWithSideImage";
// Buttons // Buttons
import ButtonsPrimary from "~/components/ui/Buttons/Primary"; import ButtonsPrimary from "~/components/ui/Buttons/Primary";
@@ -147,7 +147,7 @@ import NavbarsECommerce from "~/components/ui/Navbars/ECommerce";
import NavbarsWithAvatar from "~/components/ui/Navbars/WithAvatar"; import NavbarsWithAvatar from "~/components/ui/Navbars/WithAvatar";
import NavbarsWithSearch from "~/components/ui/Navbars/WithSearch"; import NavbarsWithSearch from "~/components/ui/Navbars/WithSearch";
import NavbarsWithCategories from "~/components/ui/Navbars/WithCategories"; import NavbarsWithCategories from "~/components/ui/Navbars/WithCategories";
import NavbarsWithSocailMediaLinks from "~/components/ui/Navbars/WithSocailMediaLinks"; import NavbarsWithSocialMediaLinks from "~/components/ui/Navbars/WithSocialMediaLinks";
// Heros // Heros
import HerosECommerce from "~/components/ui/Heros/ECommerce"; import HerosECommerce from "~/components/ui/Heros/ECommerce";
import HerosWithNewsletterForm from "~/components/ui/Heros/WithNewsletterForm"; import HerosWithNewsletterForm from "~/components/ui/Heros/WithNewsletterForm";
@@ -193,7 +193,7 @@ export default {
AlertsWarningFullWidth, AlertsWarningFullWidth,
AlertsErrorFullWidth, AlertsErrorFullWidth,
AuthenticationSimpleLogin, AuthenticationSimpleLogin,
AuthenticationLoginWithSocailMediaLinks, AuthenticationLoginWithSocialMediaLinks,
AuthenticationLoginWithSideImage, AuthenticationLoginWithSideImage,
ButtonsPrimary, ButtonsPrimary,
ButtonsWithIcon, ButtonsWithIcon,
@@ -218,7 +218,7 @@ export default {
NavbarsECommerce, NavbarsECommerce,
NavbarsWithAvatar, NavbarsWithAvatar,
NavbarsWithSearch, NavbarsWithSearch,
NavbarsWithSocailMediaLinks, NavbarsWithSocialMediaLinks,
NavbarsWithCategories, NavbarsWithCategories,
HerosECommerce, HerosECommerce,
HerosWithNewsletterForm, HerosWithNewsletterForm,
@@ -242,7 +242,7 @@ export default {
FootersWithLinks, FootersWithLinks,
FootersWithSubscribeForm, FootersWithSubscribeForm,
}, },
data() { data() {
return { return {
components_count: 58, components_count: 58,

6
yarn.lock
View File

@@ -8076,9 +8076,9 @@ tapable@^1.0.0, tapable@^1.0.0-beta.5, tapable@^1.1.3:
integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA== integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
tar@^6.0.2: tar@^6.0.2:
version "6.1.0" version "6.1.5"
resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.0.tgz#d1724e9bcc04b977b18d5c573b333a2207229a83" resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.5.tgz#6e25bee1cfda94317aedc3f5d49290ae68361d73"
integrity sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA== integrity sha512-FiK6MQyyaqd5vHuUjbg/NpO8BuEGeSXcmlH7Pt/JkugWS8s0w8nKybWjHDJiwzCAIKZ66uof4ghm4tBADjcqRA==
dependencies: dependencies:
chownr "^2.0.0" chownr "^2.0.0"
fs-minipass "^2.0.0" fs-minipass "^2.0.0"