keith/PromptBase
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"> <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> <h2 class="text-lg font-semibold mb-4">Add a prompt</h2>
<p class="text-sm mb-4"> <p class="text-sm">Use the form to add a new AI prompt to the catalog.</p>
Use the form to add a new AI prompt to the catalog.
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 class="text-sm mt-2">You can also add notes for your own reference.</p>
</p>
</aside> </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"> <form id="add-form" class="space-y-4">
<div> <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 name="title" id="title" required class="border p-2 w-full rounded" />
<input type="hidden" name="slug" id="slug" /> <input type="hidden" name="slug" id="slug" />
</div> </div>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div> <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"> <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="System">System</option>
<option value="Task">Task</option> <option value="Task">Task</option>
@@ -51,18 +51,18 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
</div> </div>
<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" /> <input name="tags" id="tags" class="border p-2 pt-1 w-full rounded" />
</div> </div>
</div> </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> <textarea name="description" id="description" rows="2" required class="border p-2 w-full rounded"></textarea>
</div> </div>
<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> <textarea name="notes" id="notes" rows="3" class="border p-2 w-full rounded"></textarea>
</div> </div>