From 8d71d8deb8eafd4a227ef2a4d9a69d9b3def461a Mon Sep 17 00:00:00 2001
From: khatabwedaa <khatabwedaa@gmail.com>
Date: Sun, 10 May 2020 14:07:49 +0200
Subject: [PATCH] wip

---
 src/App.vue                                | 6 +++---
 src/components/Header.vue                  | 2 +-
 src/components/{Master.vue => Main.vue}    | 0
 src/components/Utilities/ViewComponent.vue | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)
 rename src/components/{Master.vue => Main.vue} (100%)

diff --git a/src/App.vue b/src/App.vue
index db66f9d..33f8df6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,17 @@
 <template>
     <div class="min-h-screen bg-gray-100 font-roboto" id="app">
         <Header></Header>
-        <master-component></master-component>
+        <main-component></main-component>
     </div>
 </template>
 
 <script>
     import Header from "./components/Header";
-    import MasterComponent from "./components/Master";
+    import MainComponent from "./components/Main";
 
     export default {
         components: {
-            Header, MasterComponent
+            Header, MainComponent
         },
         mounted() {
             this.$ga.page('/');
diff --git a/src/components/Header.vue b/src/components/Header.vue
index cb9cc37..8f72b33 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -22,7 +22,7 @@
                 <div class="flex items-center w-full w-1/2">
                     <div class="max-w-sm text-white">
                         <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">
                             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 
diff --git a/src/components/Master.vue b/src/components/Main.vue
similarity index 100%
rename from src/components/Master.vue
rename to src/components/Main.vue
diff --git a/src/components/Utilities/ViewComponent.vue b/src/components/Utilities/ViewComponent.vue
index 0a4f047..11dfeec 100644
--- a/src/components/Utilities/ViewComponent.vue
+++ b/src/components/Utilities/ViewComponent.vue
@@ -2,7 +2,7 @@
     <div class="bg-gray-300 border rounded-md overflow-hidden">
         <div class="bg-white p-4 border-b">
             <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">
                     <button @click="rtl =! rtl"
                             class="rounded-md p-1 hover:text-gray-700 hover:bg-gray-400 focus:outline-none"