fix navbar

FemiNoviaLina · May 10, 2022 · 3001fb4 · 3001fb4
1 parent 9eb134c
commit 3001fb4
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/public/css/app.css b/public/css/app.css
@@ -608,6 +608,16 @@ select {
   position: -webkit-sticky;
   position: sticky;
 }
+.inset-0 {
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+.inset-x-0 {
+  left: 0px;
+  right: 0px;
+}
 .top-0 {
   top: 0px;
 }
@@ -725,6 +735,9 @@ select {
 .-mr-2 {
   margin-right: -0.5rem;
 }
+.mt-0 {
+  margin-top: 0px;
+}
 .block {
   display: block;
 }
@@ -1120,6 +1133,9 @@ select {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pt-6 {
+  padding-top: 1.5rem;
+}
 .text-center {
   text-align: center;
 }

diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
@@ -1,4 +1,4 @@
-<div class="sticky">
+<div class="fixed mt-0 top-0 inset-x-0 bg-white">
     <div class="w-screen h-1 bg-lilac-100"></div>
     <div class="navbar flex justify-between">
         <a href="{{ url('/') }}"><div class="navbar-logo basis-1/4 text-lilac-100">Rent.ly</div></a>

diff --git a/resources/views/rent-form.blade.php b/resources/views/rent-form.blade.php
@@ -1,6 +1,6 @@
 <x-base-layout>
     <x-base-body selected="Rent">
-        <div class="vehicles-detail flex mt-2 mx-20">
+        <div class="vehicles-detail flex mt-12 mx-20">
             <div class="details-text lg:basis-1/2 mt-12 sm:basis-full md:basis-full">
                 <h2 class="font-extrabold text-4xl text-lilac-100">Honda Scoopy Smart Key</h2>
                 <h3 class="font-bold text-3xl text-lilac-100 mt-2">IDR 90000/day</h3>