72 lines
3.9 KiB
HTML
72 lines
3.9 KiB
HTML
<div class="w-[100%]">
|
|
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
|
<h1 class="text-[24px] font-[700] mb-[15px]">Danh sách link redirect</h1>
|
|
|
|
<form action=""
|
|
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] my-[15px] border-[1px] border-[#F6F6F6]">
|
|
<input type="text" name=""
|
|
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
|
|
placeholder="Tìm link truy cập">
|
|
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
|
|
</form>
|
|
|
|
<div class="flex items-center justify-end">
|
|
<a href="/url/redirect-form"
|
|
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
|
|
<span
|
|
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
|
|
<span>Thêm url redirect</span>
|
|
</a>
|
|
<a href="javascript:void(0)"
|
|
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
|
|
<i class="fa-regular fa-file-excel"></i>
|
|
<span class="ml-1">Tải file excel</span>
|
|
</a>
|
|
</div>
|
|
|
|
<table class="table mt-[15px]">
|
|
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
|
|
<tr>
|
|
<th class="w-[40px]">STT</th>
|
|
<th>Link truy cập</th>
|
|
<th>Link đích</th>
|
|
<th class="w-[140px]">Redirect_code</th>
|
|
<th class="w-[130px]">Quản lý</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>
|
|
<input name="" id="" value="/bo-phim-chuot-fuhlen-l411-fuhlen-l102"
|
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
|
|
</td>
|
|
<td>
|
|
<input name="" id="" value="https://hoanghapc.vn/combo-bo-phim-chuot-fuhlen-l411-fuhlen-l102"
|
|
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
|
|
</td>
|
|
<td>
|
|
301
|
|
</td>
|
|
<td>
|
|
<div class="list-btn flex items-center justify-center">
|
|
<a href="" title="Form sản phẩm"
|
|
class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
|
<i class="icons icon-edit"></i>
|
|
</a>
|
|
<a href="" 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]">
|
|
<i class="icons icon-view"></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]">
|
|
<i class="icons icon-delete"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div> |