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

🐞 fix: Style add form and sidebar text

Browse Source
This commit is contained in:
Keith Solomon
2025-07-16 22:13:03 -05:00
parent f5cfc55e0a
commit 8fe3794409
2 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Sidebar.astro
View File

@@ -5,11 +5,9 @@
<aside class="w-64 border-r h-full p-4 text-gray-100">
<h2 class="text-lg font-semibold mb-4">Add a prompt</h2>
<p class="text-sm mb-4">
Use the form to add a new AI prompt to the catalog.
<p class="text-sm">Use the form to add a new AI prompt to the catalog.</p>
Make sure to include a title, type, description, and any relevant tags.
<p class="text-sm mt-2">Make sure to include a title, type, description, and any relevant tags.</p>
You can also add notes for your own reference.
</p>
<p class="text-sm mt-2">You can also add notes for your own reference.</p>
</aside>

10
src/pages/add.astro
View File

@@ -36,14 +36,14 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
<form id="add-form" class="space-y-4">
<div>
<label for="title" class="block font-medium">Title</label>
<label for="title" class="block text-md font-semibold mb-1">Title</label>
<input name="title" id="title" required class="border p-2 w-full rounded" />
<input type="hidden" name="slug" id="slug" />
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div>
<label for="type" class="block font-medium">Type</label>
<label for="type" class="block text-md font-semibold mb-1">Type</label>
<select name="type" id="type" required class="border border-gray-100 p-2 rounded w-full bg-gray-800">
<option value="System">System</option>
<option value="Task">Task</option>
@@ -51,18 +51,18 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
</div>
<div>
<label for="tags" class="block font-medium">Tags (comma-separated)</label>
<label for="tags" class="block text-md font-semibold mb-1">Tags (comma-separated)</label>
<input name="tags" id="tags" class="border p-2 pt-1 w-full rounded" />
</div>
</div>
<div>
<label for="description" class="block font-medium">Description</label>
<label for="description" class="block text-md font-semibold mb-1">Description</label>
<textarea name="description" id="description" rows="2" required class="border p-2 w-full rounded"></textarea>
</div>
<div>
<label for="notes" class="block font-medium">Notes</label>
<label for="notes" class="block text-md font-semibold mb-1">Notes</label>
<textarea name="notes" id="notes" rows="3" class="border p-2 w-full rounded"></textarea>
</div>