<script setup>

</script>

<template>
  <view class="detailed-query-main-box">
    <view class="top-search">
      <img src = "./images/search.svg" alt = "search-icon">
      <input type = "text" />
    </view>
  </view>
</template>

<style scoped lang = "scss">
.detailed-query-main-box{
  height:100vh;
  background-color:rgb(245,245,247);
  .top-search{
    background-color:white;
    padding:10px 0px;
    position: relative;
    img{
      width: 20px;
      height: 20px;
      object-fit: cover;
      position:absolute;
      top:17px;
      left: 8%;
      z-index: 999;
    }
    input{
      width: 90%;
      height: 35px;
      background-color: rgb(241,243,245);
      position: relative;
      left: 50%;
      border-radius: 30px;
      padding-left: 40px;
      transform: translateX(-50%);
    }
  }
}
</style>