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

wip

Browse Source
This commit is contained in:
khatabwedaa
2020-05-10 14:07:49 +02:00
parent bb6aec44e5
commit 8d71d8deb8
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.vue
View File

@@ -1,17 +1,17 @@
<template> <template>
<div class="min-h-screen bg-gray-100 font-roboto" id="app"> <div class="min-h-screen bg-gray-100 font-roboto" id="app">
<Header></Header> <Header></Header>
<master-component></master-component> <main-component></main-component>
</div> </div>
</template> </template>
<script> <script>
import Header from "./components/Header"; import Header from "./components/Header";
import MasterComponent from "./components/Master"; import MainComponent from "./components/Main";
export default { export default {
components: { components: {
Header, MasterComponent Header, MainComponent
}, },
mounted() { mounted() {
this.$ga.page('/'); this.$ga.page('/');

2
src/components/Header.vue
View File

@@ -22,7 +22,7 @@
<div class="flex items-center w-full w-1/2"> <div class="flex items-center w-full w-1/2">
<div class="max-w-sm text-white"> <div class="max-w-sm text-white">
<div class="text-xs font-light">Simple UI Starter</div> <div class="text-xs font-light">Simple UI Starter</div>
<h1 class="font-semibold text-2xl mt-2 text-white md:text-3xl">Meraki <span class="text-blue-400">UI</span></h1> <h1 class="font-semibold text-2xl mt-2 text-white md:text-3xl">Meraki <span class="text-blue-400">UI</span>Components</h1>
<p class="mt-2 text-gray-300"> <p class="mt-2 text-gray-300">
Beautiful <a href="https://tailwindcss.com" class="text-blue-400 hover:underline font-normal">tailwindcss</a> Beautiful <a href="https://tailwindcss.com" class="text-blue-400 hover:underline font-normal">tailwindcss</a>
components that support RTL languages & fully responsive based on Flexbox & CSS Grid, built by components that support RTL languages & fully responsive based on Flexbox & CSS Grid, built by

0
src/components/Master.vue → src/components/Main.vue
View File

2
src/components/Utilities/ViewComponent.vue
View File

@@ -2,7 +2,7 @@
<div class="bg-gray-300 border rounded-md overflow-hidden"> <div class="bg-gray-300 border rounded-md overflow-hidden">
<div class="bg-white p-4 border-b"> <div class="bg-white p-4 border-b">
<div class="flex flex-col md:flex-row justify-between items-center"> <div class="flex flex-col md:flex-row justify-between items-center">
<div class="text-gray-700 font-medium md:text-lg">{{ name }}</div> <div class="text-gray-700 font-medium capitalize md:text-lg">{{ name }}</div>
<div class="mt-4 md:mt-0"> <div class="mt-4 md:mt-0">
<button @click="rtl =! rtl" <button @click="rtl =! rtl"
class="rounded-md p-1 hover:text-gray-700 hover:bg-gray-400 focus:outline-none" class="rounded-md p-1 hover:text-gray-700 hover:bg-gray-400 focus:outline-none"