files layout done
This commit is contained in:
chiayin
@@ -116,7 +116,6 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<!-- All Files type of List -->
|
|
||||||
<section>
|
<section>
|
||||||
<div class="py-4 mb-4 border-b flex justify-between items-center border-neutral-500">
|
<div class="py-4 mb-4 border-b flex justify-between items-center border-neutral-500">
|
||||||
<h2 class="font-bold">All Files</h2>
|
<h2 class="font-bold">All Files</h2>
|
||||||
@@ -125,236 +124,66 @@
|
|||||||
<IconGrid></IconGrid>
|
<IconGrid></IconGrid>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</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">
|
<table class="w-full border-separate border-spacing-x-4 text-sm table-fixed">
|
||||||
<thead class="sticky top-0 bg-neutral-10">
|
<thead class="sticky top-0 bg-neutral-10">
|
||||||
<tr>
|
<tr>
|
||||||
|
<th>
|
||||||
|
Name
|
||||||
|
<IconVector class="inline-block ml-2 fill-neutral-500" ></IconVector>
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
Parent log
|
||||||
|
<IconVector class="inline-block ml-2 fill-neutral-500"></IconVector>
|
||||||
|
</th>
|
||||||
<th>
|
<th>
|
||||||
Name
|
|
||||||
<IconVector class="inline-block ml-2 fill-neutral-500" ></IconVector>
|
|
||||||
</th>
|
|
||||||
<th>
|
|
||||||
Parent log
|
|
||||||
<IconVector class="inline-block ml-2 fill-neutral-500"></IconVector>
|
|
||||||
</th>
|
|
||||||
<th>
|
|
||||||
File type
|
|
||||||
<IconVector class="inline-block ml-2 fill-neutral-500"></IconVector>
|
|
||||||
</th>
|
|
||||||
<th>
|
|
||||||
Owner
|
|
||||||
<IconVector class="inline-block ml-2 fill-neutral-500"></IconVector>
|
|
||||||
</th>
|
|
||||||
<th>
|
|
||||||
Last update
|
|
||||||
<IconVector class="inline-block ml-2 fill-neutral-500"></IconVector>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Daily operation records of wind turbines of...</td>
|
|
||||||
<td class="text-neutral-500">-</td>
|
|
||||||
<td class="text-neutral-500">Log</td>
|
|
||||||
<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">
|
|
||||||
<a href="" class="h-full flex flex-col justify-between">
|
|
||||||
<div>
|
|
||||||
<figure class="mb-2">
|
|
||||||
<IconDataFormat class="w-8 h-8"></IconDataFormat>
|
|
||||||
</figure>
|
|
||||||
<h3 class="text-sm font-medium mb-2">
|
|
||||||
File type
|
File type
|
||||||
</h3>
|
<IconVector class="inline-block ml-2 fill-neutral-500"></IconVector>
|
||||||
<p class="text-sm">
|
</th>
|
||||||
Daily operation records of......
|
<th>
|
||||||
</p>
|
Owner
|
||||||
</div>
|
<IconVector class="inline-block ml-2 fill-neutral-500"></IconVector>
|
||||||
<p class="text-sm">
|
</th>
|
||||||
Edited just now
|
<th>
|
||||||
|
Last update
|
||||||
|
<IconVector class="inline-block ml-2 fill-neutral-500"></IconVector>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Daily operation records of wind turbines of...</td>
|
||||||
|
<td class="text-neutral-500">-</td>
|
||||||
|
<td class="text-neutral-500">Log</td>
|
||||||
|
<td class="text-neutral-500">Ivory Liao</td>
|
||||||
|
<td class="text-neutral-500"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!-- All Files type of grid -->
|
||||||
|
<!-- <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 hover:fill-primary"></IconDataFormat>
|
||||||
|
</figure>
|
||||||
|
<h3 class="text-sm font-medium mb-2">
|
||||||
|
1 File type
|
||||||
|
</h3>
|
||||||
|
<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>
|
</p>
|
||||||
</a>
|
</div>
|
||||||
</li>
|
<p class="text-sm text-neutral-500">
|
||||||
</ul>
|
Edited just now
|
||||||
</section> -->
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul> -->
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user