Bladeren bron

Adds baseline for new card.

Christopher Leggett 5 jaren geleden
bovenliggende
commit
1816388b33
1 gewijzigde bestanden met toevoegingen van 27 en 3 verwijderingen
  1. 27 3
      resources/views/workorders/show.blade.php

+ 27 - 3
resources/views/workorders/show.blade.php

@@ -3,8 +3,32 @@
 @section('content')
 
 <div class="container-fluid">
-    <div class="row my-3">
-        <div class="col-lg-6">
+    <div class="row my-3 justify-content-center">
+        <div class=" col-xl-4 col-lg-3 col-md-6 mb-2">
+            <div class="card h-100">
+                <div class="card-header text-right">
+                    <button type="button" class="btn btn-default xs-toggle" data-toggle="collapse" data-target="#personTab">
+                        <span class="sr-only">Toggle Navigation</span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </button>
+                    <ul class="nav nav-pills card-header-pills nav-justified xs-collapse collapse" id="personTab" role="tablist">
+                        <li class="nav-item">
+                            <a class="nav-link active" id="person-tab" data-toggle="pill" href="#person" role="tab" aria-controls="person" aria-selected="true">Contact Info</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="card-body">
+                    <div class="tab-content">
+                        <div class="tab-pane active" id="person" role="tabpanel" aria-labelledby="person-tab">
+                            TODO
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-xl-4 col-lg-5 col-md-6 mb-2">
             <div class="card h-100">
                 <div class="card-header text-right">
                     <button type="button" class="btn btn-default xs-toggle" data-toggle="collapse" data-target="#assetTab">
@@ -44,7 +68,7 @@
                 </div>
             </div>
         </div>
-        <div class="col-lg-6">
+        <div class="col-xl-4 col-lg-4 col-md-12 mb-2">
             <div class="card h-100">
                 <div class="card-header text-right">
                     <button type="button" class="btn btn-default xs-toggle" data-toggle="collapse" data-target="#workorderTab">