From 2b0c70a4a820f69fb917c591349977a0fcbc60ff Mon Sep 17 00:00:00 2001 From: Louis Leslie <spy.tech23@gmail.com> Date: Sun, 3 Feb 2019 20:41:20 +0700 Subject: [PATCH] Penempatan konten kartu jadwal diperbaiki untuk ukuran layar kecil --- resources/assets/js/app.js | 19 +++++++++++++++++++ resources/assets/sass/app.scss | 6 ++---- resources/assets/sass/component/dosen.scss | 7 +++++++ resources/views/dosen/index.blade.php | 2 +- 4 files changed, 29 insertions(+), 5 deletions(-) create mode 100644 resources/assets/sass/component/dosen.scss diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js index a2ac1a6..4b29ce6 100644 --- a/resources/assets/js/app.js +++ b/resources/assets/js/app.js @@ -20,3 +20,22 @@ function backpage() { window.history.back(); } +(function($) { + var $window = $(window), + $h5 = $('h5'); + $h4 = $('h4'); + + function resize() { + if ($window.width() < 509) { + $h4.addClass('text-center'); + return $h5.addClass('text-center'); + } + + $h4.removeClass('text-center'); + $h5.removeClass('text-center'); + } + + $window + .resize(resize) + .trigger('resize'); +})(jQuery); diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss index 334aaa1..275dd9f 100644 --- a/resources/assets/sass/app.scss +++ b/resources/assets/sass/app.scss @@ -11,6 +11,8 @@ @import "component/mahasiswa"; @import "component/mahasiswa-control"; @import "component/rekap"; +@import "component/dosen.scss"; + .navbar-laravel { background-color: #383838; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); @@ -135,8 +137,4 @@ body { .border-color-black { border-color: $black; -} - -.schedule-column { - margin-bottom: 20px; } \ No newline at end of file diff --git a/resources/assets/sass/component/dosen.scss b/resources/assets/sass/component/dosen.scss new file mode 100644 index 0000000..64aa2a8 --- /dev/null +++ b/resources/assets/sass/component/dosen.scss @@ -0,0 +1,7 @@ +@media only screen and (max-width: 508px) { + .schedule-column { + margin-bottom: 20px; + } + + +} \ No newline at end of file diff --git a/resources/views/dosen/index.blade.php b/resources/views/dosen/index.blade.php index 41f22d4..e35b4c1 100644 --- a/resources/views/dosen/index.blade.php +++ b/resources/views/dosen/index.blade.php @@ -643,7 +643,7 @@ <div class="col"> <div class="row mb-4"> <div class="col"> - <h5><span class="badge badge-warning text-color-white text-center">Seminar Tesis</span></h5> + <h5><span class="badge badge-warning text-color-white">Seminar Tesis</span></h5> <h4>{{$user->name}} - {{$user->username}}</h4> <h5> <span class="badge badge-primary">Tempat: {{$seminar->tempat}}</span> -- GitLab