Fix layout of pages so we don't have 2 containers and a tiny width.

verwilst · Mar 5, 2017 · 995da06 · 995da06
1 parent 2893279
commit 995da06
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 19 deletions.
diff --git a/resources/assets/js/pages/App.vue b/resources/assets/js/pages/App.vue
@@ -20,9 +20,7 @@
                 </div>
             </nav>
 
-            <div class="row">
-                <router-view></router-view>
-            </div>
+            <router-view></router-view>
 
         </div><!-- /.container -->
 

diff --git a/resources/assets/js/pages/FirstPage.vue b/resources/assets/js/pages/FirstPage.vue
@@ -1,12 +1,10 @@
 <template>
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8 col-md-offset-2">
-                <div class="panel panel-default">
-                    <div class="panel-heading">Example Component One</div>
-                    <div class="panel-body">
-                        One
-                    </div>
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-default">
+                <div class="panel-heading">Example Component One</div>
+                <div class="panel-body">
+                    One
                 </div>
             </div>
         </div>

diff --git a/resources/assets/js/pages/SecondPage.vue b/resources/assets/js/pages/SecondPage.vue
@@ -1,12 +1,10 @@
 <template>
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8 col-md-offset-2">
-                <div class="panel panel-default">
-                    <div class="panel-heading">Example Component Two</div>
-                    <div class="panel-body">
-                        Two
-                    </div>
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-default">
+                <div class="panel-heading">Example Component Two</div>
+                <div class="panel-body">
+                    Two
                 </div>
             </div>
         </div>