From cf326ce3d7f0c29537c711ffc9ede5cdab03a6f7 Mon Sep 17 00:00:00 2001
From: DimazzP <pratamadimas473@gmail.com>
Date: Thu, 9 Nov 2023 11:20:27 +0700
Subject: [PATCH] Update Responsive UI

- Mengubah tampilan pada dashboard
- Mengubah tampilan pada kuesioner
---
 resources/views/backend/dashboard.blade.php        | 14 +++++++-------
 .../backend/not_filled_questionnaire.blade.php     |  2 +-
 .../views/backend/users_questionnaire.blade.php    |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/resources/views/backend/dashboard.blade.php b/resources/views/backend/dashboard.blade.php
index 1fabaed..026aed9 100644
--- a/resources/views/backend/dashboard.blade.php
+++ b/resources/views/backend/dashboard.blade.php
@@ -25,7 +25,7 @@
                             <div class="progress">
                                 <div class="progress-bar" role="progressbar" style="width: {{ $item->km_total/85*100 }}%;" aria-valuenow="{{ $item->km_total }}" aria-valuemin="0" aria-valuemax="85"></div>
                             </div>
-                            <div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->km_total }} </div>
+                            <div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->km_total }} ({{ $item->km_class }})</div>
                             @endforeach
                         </div>
                     </div>
@@ -41,13 +41,13 @@
                             <div class="progress">
                                 <div class="progress-bar" role="progressbar" style="width: {{ $item->km_total/175*100 }}%;" aria-valuenow="{{ $item->rm_total }}" aria-valuemin="0" aria-valuemax="175"></div>
                             </div>
-                            <div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->rm_total }}</div>
+                            <div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->rm_total }} ({{ $item->rm_class }})</div>
                             @endforeach
                         </div>
                     </div>
                 </div><!-- End Hasil Nilai Kuesioner RM -->
 
-                <!-- Komponen 3: Rangkuman -->
+                {{-- <!-- Komponen 3: Rangkuman -->
                 <div class="col-xxl-4 col-md-6">
                     <div class="card info-card">
                         <div class="card-body">
@@ -61,7 +61,7 @@
                             </ul>  
                         </div>
                     </div>
-                </div><!-- End Rangkuman -->
+                </div><!-- End Rangkuman --> --}}
 
                 <!-- Komponen 4: Histori Pengisian Kuesioner -->
                 <div class="col-12">
@@ -82,7 +82,7 @@
                                         <th>Periode</th>
                                         <th>KM</th>
                                         <th>RM</th>
-                                        <th>Detail Hasil</th>
+                                        <th>Detail</th>
                                     </thead>
                                     <tbody>
                                         <?php $i=1;?>
@@ -105,7 +105,7 @@
                 </div><!-- End Histori Pengisian Kuesioner -->
 
                 <!-- Komponen 5: Penjelasan KM -->
-                <div class="col-6">
+                <div class="col-sm-6 col-12">
                     <div class="card">
                         <div class="card-body">
                             <h5 class="card-title">Penjelasan KM</h5>
@@ -120,7 +120,7 @@
                 </div><!-- End Penjelasan KM -->
 
                 <!-- Komponen 6: Penjelasan RM -->
-                <div class="col-6">
+                <div class="col-sm-6 col-12">
                     <div class="card">
                         <div class="card-body">
                             <h5 class="card-title">Penjelasan RM</h5>
diff --git a/resources/views/backend/not_filled_questionnaire.blade.php b/resources/views/backend/not_filled_questionnaire.blade.php
index 6d5827d..95882f6 100644
--- a/resources/views/backend/not_filled_questionnaire.blade.php
+++ b/resources/views/backend/not_filled_questionnaire.blade.php
@@ -2,7 +2,7 @@
 @section('content')
      <main id="main" class="main bg-white">
         <div class="bg-white p-3 text-center">
-            <img src="{{ asset('admin_backend/assets/img/not_filled.png') }}" alt="" style="max-height: 50vh">
+            <img src="{{ asset('admin_backend/assets/img/not_filled.png') }}" alt="" class="col-12 col-sm-8 col-md-6 col-xl-5">
             <h4 class="font-bold pt-4">Ups! Kamu belum mengisi Kuisioner!</h4>
             <p class="pt-1 text-secondary">Sebelum dapat mengakses materi pemebelajaran, kamu harus mengisi kuisioner dan melakukan pretest. Hasil dari pretest akan digunakan untuk menentukan materi pembelajaran yang cocok untuk kamu nantinya </p>
             
diff --git a/resources/views/backend/users_questionnaire.blade.php b/resources/views/backend/users_questionnaire.blade.php
index 39de092..646ef19 100644
--- a/resources/views/backend/users_questionnaire.blade.php
+++ b/resources/views/backend/users_questionnaire.blade.php
@@ -49,7 +49,7 @@
                     
                 </div>
             @endforeach
-            <div class="pt-5">
+            <div class="pt-5 text-center">
                 <button type="submit" class="btn btn-primary px-5">Submit</button>
             </div>
         </form>