Update Responsive UI

- Mengubah tampilan pada dashboard
- Mengubah tampilan pada kuesioner
This commit is contained in:
DimazzP 2023-11-09 11:20:27 +07:00
parent 9e74c18f5f
commit cf326ce3d7
3 changed files with 9 additions and 9 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>