keith/Prompt_Catalog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐞 fix: Styling tweaks

Browse Source
This commit is contained in:
Keith Solomon
2025-07-16 22:49:44 -05:00
parent 6f8fd8e5b7
commit cf09754418
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/PromptCard.astro
View File

@@ -25,27 +25,27 @@ const formatDate = (dateStr: string | undefined) => {
<div class="border border-gray-400 rounded p-4 bg-gray-700 text-gray-200 shadow-sm flex flex-col gap-2 min-h-[12rem]"> <div class="border border-gray-400 rounded p-4 bg-gray-700 text-gray-200 shadow-sm flex flex-col gap-2 min-h-[12rem]">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="text-lg font-semibold">{title}</h3> <h3 class="text-xl font-semibold">{title}</h3>
<span class={`text-xs font-medium px-2 py-1 rounded ${ <span class={`text-sm font-medium px-2 py-1 rounded ${
type === 'System' ? 'bg-blue-100 text-blue-700' : 'bg-green-100 text-green-700' type === 'System' ? 'bg-blue-100 text-blue-700' : 'bg-green-100 text-green-700'
}`}> }`}>
{type} {type}
</span> </span>
</div> </div>
<p class="text-sm">{notes}</p> <p class="text-md">{notes}</p>
<div class="flex flex-wrap gap-2 mt-2"> <div class="flex flex-wrap gap-2 mt-2">
{tags.map((tag: string) => ( {tags.map((tag: string) => (
<span class="text-xs bg-gray-200 text-gray-800 px-2 py-1 pt-0 rounded">{tag}</span> <span class="text-sm bg-gray-200 text-gray-800 px-2 py-1 pt-0 rounded">{tag}</span>
))} ))}
</div> </div>
<details name="prompt-details"> <details name="prompt-details">
<summary class="cursor-pointer font-semibold mt-2">View Details</summary> <summary class="cursor-pointer font-semibold mt-2 text-lg">View Details</summary>
<div class="text-md border-t mt-2 pt-2"> <div class="text-md border-t mt-2 pt-2">
<h3 class="text-lg font-semibold">Prompt</h3> <h3 class="text-xl font-semibold px-2">Prompt</h3>
<p class="my-2">{description}</p> <p class="my-2 px-2 text-balance">{description}</p>
<hr class="my-2" /> <hr class="my-2" />
<p class="text-sm"><strong>Created:</strong> {formatDate(created_at)} &bull; <strong>Updated:</strong> {formatDate(updated_at)}</p> <p class="text-sm"><strong>Created:</strong> {formatDate(created_at)} &bull; <strong>Updated:</strong> {formatDate(updated_at)}</p>
</div> </div>

2
src/components/SearchBar.astro
View File

@@ -41,7 +41,7 @@
value={tag} value={tag}
class="sr-only peer" class="sr-only peer"
/> />
<span class="px-3 py-1 pt-0 rounded-full border border-gray-300 peer-checked:bg-blue-600 peer-checked:text-white hover:bg-blue-600 hover:text-white text-sm"> <span class="px-3 py-1 pt-0 rounded-full border border-gray-300 peer-checked:bg-blue-600 peer-checked:text-white hover:bg-blue-600 hover:text-white transition-colors duration-300 text-sm">
{tag} {tag}
</span> </span>
</label> </label>