30 lines
1.5 KiB
Vue
30 lines
1.5 KiB
Vue
<template>
|
|
|
|
<div class="shadow border w-64 mr-10 z-30 h-[190px]">
|
|
<div class="p-5 flex justify-between relative cursor-pointer border-b">
|
|
<h3>Location</h3>
|
|
<h3 class="text-blue-400 capitalize">Toronto</h3>
|
|
<!-- <div class="absolute border shadow left-56 p-5 top-1 -m-1 bg-white">
|
|
<input type="text" name="" id="" class="border p-1 rounded"/>
|
|
<button class="bg-blue-400 w-full mt-2 rounded text-white p-1">Apply</button>
|
|
</div> -->
|
|
</div>
|
|
<div class="p-5 flex justify-between relative cursor-pointer border-b">
|
|
<h3>Make</h3>
|
|
<h3 class="text-blue-400 capitalize">Toyota</h3>
|
|
<!-- <div class="absolute border shadow left-56 p-5 top-1 -m-1 bg-white">
|
|
<input type="text" name="" id="" class="border p-1 rounded"/>
|
|
<button class="bg-blue-400 w-full mt-2 rounded text-white p-1">Apply</button>
|
|
</div> -->
|
|
</div>
|
|
<div class="p-5 flex justify-between relative cursor-pointer border-b">
|
|
<h3>Price</h3>
|
|
<h3 class="text-blue-400 capitalize">Toyota</h3>
|
|
<!-- <div class="absolute border shadow left-56 p-5 top-1 -m-1 bg-white">
|
|
<input type="text" name="" id="" class="border p-1 rounded"/>
|
|
<button class="bg-blue-400 w-full mt-2 rounded text-white p-1">Apply</button>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
</template> |