This commit is contained in:
2025-12-04 13:47:17 +07:00
parent e6c4947c75
commit d0ee976b0c
12 changed files with 442 additions and 538 deletions

View File

@@ -1,43 +1,35 @@
<div class="w-[100%]">
<div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<h1 class="text-[24px] font-[700] mb-3">Tổng hợp trao đổi</h1>
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow">
<h1 class="text-2xl font-bold mb-3">Tổng hợp trao đổi</h1>
<div class="list-filter-account flex items-center">
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
<div class="list-filter-account flex items-center gap-3 mt-5">
<a href="javascript:void(0)" class="btn btn-view btn-outline">Trao
đổi mới nhất</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
<a href=" javascript:void(0)" class="btn btn-view btn-outline">Chưa
có phản hồi</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
<a href="javascript:void(0)" class="btn btn-view btn-outline">Quản
trị viên chưa phản hồi</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
<a href="javascript:void(0)" class="btn btn-view btn-outline">Danh
sách phản hồi</a>
</div>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] rounded-[4px] input input-bordered input-md mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
<form action="" class="flex items-center p-3 mt-5 rounded-sm shadow gap-3">
<input type="text" name="" class="rounded-sm input input-bordered input-md shadow" placeholder="Tìm kiếm">
<button type="submit" class="btn btn-active">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<div class="list-filter flex items-center justify-between mt-5">
<p>Tổng số: <b>1.996</b></p>
<select name="" id=""
class="w-[180px] h-[35px] select select-bordered min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<select name="" id="" class="select select-bordered rounded-sm shadow w-64">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap">
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr>
<thead>
<tr class="bg-base-200 text-black font-bold">
<th>STT</th>
<th>Phản hồi</th>
<th>Thời gian</th>
@@ -53,47 +45,42 @@
<td>1</td>
<td>09-08-2023, 11:24 am</td>
<td class="whitespace-nowrap">
<div class="flex items-center">
<div class="flex items-center gap-2">
<b>Nguyễn An</b>
<p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản
<p class="badge badge-sm badge-primary badge-soft">Quản
trị
viên</p>
</div>
<p>annv@hurasoft.com</p>
<p class="mt-2">annv@hurasoft.com</p>
</td>
<td>
<a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
<a href="" class="text-primary">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
</td>
<td>
test reply
</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-3">
<a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pointer"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pencil"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-crown text-[#0041E8]"></i>
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--crown"></i>
</a>
</div>
<div class="flex items-center">
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa fa-plus text-[#0041E8]"></i>
<div class="flex items-center mt-3 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--plus"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-ban text-[#9E9E9E]"></i>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--ban"></i>
</a>
<a href=""
class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-delete"></i>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>

View File

@@ -1,36 +1,32 @@
<div class="w-[100%]">
<div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow">
<h1 class="text-2xl font-bold">Khách hàng liên hệ</h1>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] h-[35px] input input-bordered input-md rounded-[4px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
<form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
<input type="text" name="" class="input input-bordered input-md rounded-sm shadow" placeholder="Tìm kiếm">
<button type="submit" class="btn btn-active">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
<div class="list-filter flex items-center justify-between mt-3">
<p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-primary">liên
hệ</a> của website</p>
<select name="" id=""
class="w-[180px] h-[35px] min-h-[35px] select select-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<select name="" id="" class="select select-bordered rounded-sm shadow">
<option value="">Chọn bộ lọc</option>
</select>
</div>
<div class="overflow-x-auto">
<div class="overflow-x-auto mt-5 border-base-200 shadow rounded-sm">
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr>
<th class="w-[50px]">STT</th>
<thead>
<tr class="bg-base-200 text-black font-bold">
<th>STT</th>
<th>Thời gian</th>
<th>Khách hàng</th>
<th>Thông tin</th>
<th class="w-[340px] whitespace-nowrap">Nội dung liên hệ</th>
<th class="w-[200px]">Ghi chú</th>
<th class="w-[120px]">Trạng thái</th>
<th>Nội dung liên hệ</th>
<th>Ghi chú</th>
<th>Trạng thái</th>
</tr>
</thead>
<tbody>
@@ -38,38 +34,35 @@
<td>1</td>
<td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
<td>Đức Anh</td>
<td class="whitespace-nowrap xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto">
<td class="whitespace-nowrap">
<p>- Email: ducanhnguyen199x@gmail.com</p>
<p>- Tel: 0976642092</p>
<p>- Mobile: 0976642092</p>
</td>
<td class="">
Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
0147258369 - Nội dung: fsfdf
<td>
Trả góp sản phẩm: <a href="" class="link-primary">HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX
2060 6G</a>
<p>- Tên: no name</p>
<p>- SĐT: 0147258369</p>
<p>- Nội dung: fsfdf</p>
</td>
<td class="">
<textarea name="" id=""
class="w-[150px] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
<a href=""
class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
<td>
<textarea name="" id="" class=" rounded-sm textarea w-64"></textarea>
<a href="" class="btn btn-active mt-3">Cập
nhật</a>
</td>
<td class="xl:w-[120px] 2xl:w-auto">
<select name="" id=""
class="w-[130px_!important] h-[30px] min-h-[30px] select select-bordered rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
class=" select select-bordered rounded-sm shadow w-32 whitespace-nowrap">
<option value="">Trạng thái</option>
</select>
<div class="flex items-center mt-[10px]">
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-delete"></i>
</a>
<div class="flex items-center mt-3 gap-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-view"> <span
class="iconify lucide--pencil"></span></a>
<a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <span
class="iconify lucide--trash-2 tw-rla"></span></a>
</div>
</td>
</tr>

View File

@@ -1,58 +1,48 @@
<div class="w-[100%]">
<div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<h1 class="text-2xl font-[700] mb-3">Danh sách khách hàng</h1>
<div class="w-full">
<div class="m-4 px-4 py-5 rounded-lg bg-white shadow">
<h1 class="text-2xl font-bold mb-3">Danh sách khách hàng</h1>
<div class="list-filter-account flex items-center">
<a href="javacsript:void(0)"
class="px-[30px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Tất
<div class="list-filter-account flex items-center mt-3 gap-3">
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Tất
cả</a>
<a href="javacsript:void(0)"
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Khách
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Khách
hàng đăng
</a>
<a href="javacsript:void(0)"
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
đăng ký</a>
<a href="javacsript:void(0)"
class="px-[30px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">VIP</a>
<a href="javacsript:void(0)" class="btn btn-view btn-outline">VIP</a>
</div>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] rounded-[4px] input input-bordered mr-[10px] input-md shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
<form action="" class="flex items-center p-3 rounded-sm shadow mt-3 gap-3">
<input type="text" name="" class="input input-bordered shadow"
placeholder="Tìm khách hàng (* tên, email, điện thoại)">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
<button type="submit" class="btn btn-active">Tìm kiếm</button>
</form>
<div class="list-filter flex flex-wrap items-center justify-between mt-[15px]">
<select name="" id=""
class="select w-[180px] h-[35px] min-h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mb-[15px]">
<div class="list-filter flex flex-wrap items-center justify-between mt-3">
<select name="" id="" class="select rounded-sm shadow mb-3">
<option value="">Sắp xếp khách hàng</option>
</select>
<div class="list flex items-center mb-[15px]">
<a href="/admin/customer/customer_add" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
text-[#0041E8] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
<i class="fa-solid fa-user-plus"></i>
<span class="ml-[5px]">Thêm KH mới</span>
<div class="flex items-center mb-3 gap-3">
<a href="/admin/customer/customer_add" class="btn btn-outline btn-view">
<i class="iconify lucide--circle-plus"></i>
<span class="">Thêm KH mới</span>
</a>
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
<i class="fa-solid fa-user-group"></i>
<span class="ml-[5px]">Các nhóm KH</span>
<a href="javascript:void(0)" class="btn btn-outline btn-view">
<i class="iconify lucide--users"></i>
<span class="">Các nhóm KH</span>
</a>
<a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
<i class="fa-regular fa-file-excel"></i>
<span class="ml-[5px]">Tải file excel</span>
<a href="javascript:void(0)" class="btn btn-outline btn-view">
<i class="iconify lucide--file-x"></i>
<span class="">Tải file excel</span>
</a>
</div>
</div>
<div class="overflow-x-auto sm:whitespace-nowrap">
<table class="w-[100%] table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr>
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border-base-200 shadow rounded-sm">
<table class="table">
<thead>
<tr class="bg-base-200 text-black font-bold">
<th>STT</th>
<th>ID</th>
<th>Khách hàng</th>
@@ -79,13 +69,13 @@
Hà Nội
</td>
<td>
<span class="w-[14px] h-[14px] bg-[#FFC700] block mx-auto my-0 rounded-[50%]"></span>
<div class="badge badge-success badge-sm badge-soft">Hoạt động</div>
</td>
<td>
<span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thành công</span>
<span class="text-primary">0<span class=" ml-2">Thành công</span></span>
</td>
<td>
<span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thu</span>
<span class="text-primary">0</span><span class="ml-2">Thu</span>
</td>
<td>
<p>
@@ -96,24 +86,22 @@
</p>
</td>
<td>
<div class="flex items-center">
<div class="flex items-center gap-3">
<a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-edit"></i>
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--pencil"></i>
</a>
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-lock text-[#0041E8]"></i>
class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--clock"></i>
</a>
</div>
<div class="flex items-center">
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="fa-solid fa-globe text-[#9E9E9E]"></i>
<div class="flex items-center gap-3 mt-3">
<a href="" class="btn btn-soft btn-xs btn-square btn-view">
<i class="iconify lucide--globe"></i>
</a>
<a href=""
class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
<i class="icons icon-delete"></i>
<a href="" class="btn btn-soft btn-xs btn-square btn-error">
<i class="iconify lucide--trash-2"></i>
</a>
</div>
</td>
@@ -122,18 +110,19 @@
</table>
</div>
<div class="paging">
<a href="">
<i class="fas fa-chevron-left"></i>
<div class="join mt-5 justify-center flex items-cente r">
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
aria-label="Pagination controls">
<span class="iconify lucide--arrow-left"></span>
</a>
<a href="{{paging.url}}" class="active">
1
</a>
<a href="{{paging.url}}">
2
</a>
<a href="{{paging.url}}">
<i class="fas fa-chevron-right"></i>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
<a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item"
aria-label="Pagination controls">
<span class="iconify lucide--arrow-right"></span>
</a>
</div>

View File

@@ -1,33 +1,25 @@
<div class="w-[100%]">
<div
class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
<h1 class="text-[24px] font-[700] mb-3">Tổng hợp đánh giá</h1>
<div class="w-full">
<div class="p-3 rounded-sm bg-white shadow overflow-x-auto">
<h1 class="text-2xl font-bold mb-3">Tổng hợp đánh giá</h1>
<div class="list-filter-account flex items-center">
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#fff] mr-[5px] bg-[#0041E8] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Trao
<div class="list-filter-account flex items-center gap-3 mt-5">
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Trao
đổi mới nhất</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Chưa
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Chưa
có phản hồi</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Quản
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Quản
trị viên chưa phản hồi</a>
<a href="javacsript:void(0)"
class="px-[10px] py-[6px] text-[#919699] mr-[5px] bg-[#F6F6F6] rounded-[4px_4px_0_0] hover:bg-[#0041E8] hover:text-white">Danh
<a href="javacsript:void(0)" class="btn btn-view btn-outline">Danh
sách phản hồi</a>
</div>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] rounded-[4px] input input-md input-bordered mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm kiếm">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
<form action="" class="flex items-center p-3 rounded-sm shadow mt-5 gap-3">
<input type="text" name="" class="rounded-sm input input-md input-bordered shadow" placeholder="Tìm kiếm">
<button type="submit" class="btn btn-active">Tìm kiếm</button>
</form>
<div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
<div class="list-filter flex items-center justify-between mt-5 gap-3">
<p>Tổng số: <b>1.996</b></p>
<select name="" id=""
class="w-[180px] h-[35px] min-h-[35px] select select-bordered rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">