alex/daichendt.one
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: responsive verification table

Browse source
This commit is contained in:
Alexander Daichendt 2025-01-01 14:18:49 +01:00
parent 194b4b0808
commit 3955e219e6
2 changed files with 27 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/verification/DataTable.astro
View file

@ -11,38 +11,52 @@ const { cv } = Astro.props;
<div class="bg-gray-50 dark:bg-gray-700/50 rounded-lg p-6"> <div class="bg-gray-50 dark:bg-gray-700/50 rounded-lg p-6">
<ul class="space-y-4 mb-0"> <ul class="space-y-4 mb-0">
<li class="flex items-start"> <li class="flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2">
<span class="text-gray-500 dark:text-gray-400 min-w-32"> UUID: </span> <span
<span class="text-gray-800 dark:text-gray-200 font-medium"> class="text-gray-500 dark:text-gray-400 sm:min-w-32 whitespace-nowrap"
>
UUID:
</span>
<span class="text-gray-800 dark:text-gray-200 font-medium break-all">
{cv.uuid} {cv.uuid}
</span> </span>
</li> </li>
<li class="flex items-start"> <li class="flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2">
<span class="text-gray-500 dark:text-gray-400 min-w-32"> <span
class="text-gray-500 dark:text-gray-400 sm:min-w-32 whitespace-nowrap"
>
Issued by: Issued by:
</span> </span>
<span class="text-gray-800 dark:text-gray-200 font-medium"> <span class="text-gray-800 dark:text-gray-200 font-medium">
{cv.author} {cv.author}
</span> </span>
</li> </li>
<li class="flex items-start"> <li class="flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2">
<span class="text-gray-500 dark:text-gray-400 min-w-32"> <span
class="text-gray-500 dark:text-gray-400 sm:min-w-32 whitespace-nowrap"
>
Issued to: Issued to:
</span> </span>
<span class="text-gray-800 dark:text-gray-200 font-medium"> <span class="text-gray-800 dark:text-gray-200 font-medium">
{cv.company_name} {cv.company_name}
</span> </span>
</li> </li>
<li class="flex items-start"> <li class="flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2">
<span class="text-gray-500 dark:text-gray-400 min-w-32"> <span
class="text-gray-500 dark:text-gray-400 sm:min-w-32 whitespace-nowrap"
>
Issue date: Issue date:
</span> </span>
<span class="text-gray-800 dark:text-gray-200 font-medium"> <span class="text-gray-800 dark:text-gray-200 font-medium">
{cv.created?.toLocaleString()} {cv.created?.toLocaleString()}
</span> </span>
</li> </li>
<li class="flex items-start"> <li class="flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2">
<span class="text-gray-500 dark:text-gray-400 min-w-32"> Purpose: </span> <span
class="text-gray-500 dark:text-gray-400 sm:min-w-32 whitespace-nowrap"
>
Purpose:
</span>
<span class="text-gray-800 dark:text-gray-200 font-medium"> <span class="text-gray-800 dark:text-gray-200 font-medium">
{cv.purpose} {cv.purpose}
</span> </span>

2
wrangler.toml
View file

@ -1,3 +1,5 @@
node_compat = true
[[d1_databases]] [[d1_databases]]
binding = "DB" binding = "DB"
database_name = "cv-verification" database_name = "cv-verification"