files layout done
This commit is contained in:
chiayin
@@ -116,7 +116,6 @@
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- All Files type of List -->
|
||||
<section>
|
||||
<div class="py-4 mb-4 border-b flex justify-between items-center border-neutral-500">
|
||||
<h2 class="font-bold">All Files</h2>
|
||||
@@ -125,7 +124,8 @@
|
||||
<IconGrid></IconGrid>
|
||||
</figure>
|
||||
</div>
|
||||
<div style="margin-left: -16px; margin-right: -16px;" class="overflow-y-scroll overflow-x-hidden h-[calc(100vh_-_480px)] scrollbar">
|
||||
<!-- All Files type of List -->
|
||||
<div style="margin-left: -16px; margin-right: -16px;" class="overflow-y-scroll overflow-x-hidden max-h-[calc(100vh_-_480px)] scrollbar">
|
||||
<table class="w-full border-separate border-spacing-x-4 text-sm table-fixed">
|
||||
<thead class="sticky top-0 bg-neutral-10">
|
||||
<tr>
|
||||
@@ -159,202 +159,31 @@
|
||||
<td class="text-neutral-500">Ivory Liao</td>
|
||||
<td class="text-neutral-500"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>filter 1109</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Filter</td>
|
||||
<td class="text-neutral-500">Chia-Kai Liu</td>
|
||||
<td class="text-neutral-500">37 minutes ago</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rule 0327</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Rule</td>
|
||||
<td class="text-neutral-500">Elizabeth Alexandra Mary</td>
|
||||
<td class="text-neutral-500">22 hours ago</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Process 1225</td>
|
||||
<td class="text-neutral-500">Daily operation records of wind turbines of...</td>
|
||||
<td class="text-neutral-500">Design</td>
|
||||
<td class="text-neutral-500">Sun Moon Lake Reservoir...</td>
|
||||
<td class="text-neutral-500">2022/08/20</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
<!-- All Files type of grid -->
|
||||
<!-- <section>
|
||||
<h2 class="font-bold py-4 mb-4 border-b">All Files</h2>
|
||||
<ul class="grid grid-cols-6 gap-4">
|
||||
<li class="w-[216px] h-[168px] p-4 border rounded">
|
||||
<!-- <ul class="flex justify-start items-start gap-4 flex-wrap overflow-y-scroll overflow-x-hidden max-h-[calc(100vh_-_480px)] scrollbar">
|
||||
<li class="w-[216px] h-[168px] p-4 border rounded border-neutral-300 hover:text-primary hover:bg-primary/50 hover:border-primary duration-300 ">
|
||||
<a href="" class="h-full flex flex-col justify-between">
|
||||
<div>
|
||||
<figure class="mb-2">
|
||||
<IconDataFormat class="w-8 h-8"></IconDataFormat>
|
||||
<IconDataFormat class="w-8 h-8 hover:fill-primary"></IconDataFormat>
|
||||
</figure>
|
||||
<h3 class="text-sm font-medium mb-2">
|
||||
File type
|
||||
1 File type
|
||||
</h3>
|
||||
<p class="text-sm">
|
||||
Daily operation records of......
|
||||
<p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
|
||||
Daily operation recggggggggggggly operation records of Daily operation records of Daily operation records of Daily operation records of
|
||||
</p>
|
||||
</div>
|
||||
<p class="text-sm">
|
||||
<p class="text-sm text-neutral-500">
|
||||
Edited just now
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section> -->
|
||||
</ul> -->
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user