fix: ui padding sidebar mobille

Author: purwnt

src/_layouts/tutorial.njk

@@ -12,7 +12,7 @@
       id="tutorial-sidebar-drawer"
       class="fixed top-0 left-0 h-full w-4/5 max-w-[280px] bg-white z-[80] transform -translate-x-full transition-transform
         duration-300 md:hidden overflow-y-auto custom-scrollbar shadow-2xl">
-      <div class="p-6">
+      <div class="p-4 md:p-6">
         <div class="flex justify-between items-center mb-6">
           <h2 class="text-xl font-bold text-primary-500">Materi Tutorial</h2>
           <button id="close-tutorial-sidebar" class="text-slate-400 hover:text-slate-600 focus:outline-none">

src/css/base.css

@@ -1215,6 +1215,10 @@ video {
   padding: 1.5rem;
 }
 
+.p-3 {
+  padding: 0.75rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2162,6 +2166,10 @@ main code {
     padding: 2rem;
   }
 
+  .md\:p-6 {
+    padding: 1.5rem;
+  }
+
   .md\:px-0 {
     padding-left: 0px;
     padding-right: 0px;