🐞 fix: Styling tweaks, andd buttons for add and home

This commit is contained in:
Keith Solomon
2025-07-16 22:33:37 -05:00
parent 5798df9941
commit 5094705b67
3 changed files with 14 additions and 6 deletions

View File

@@ -47,8 +47,12 @@
</div> </div>
</div> </div>
<button id="clear-filters"type="button" class="bg-blue-600 text-white px-4 py-2 rounded"> <button id="clear-filters"type="button" class="bg-blue-600 text-white px-4 py-2 rounded cursor-pointer hover:bg-blue-700 transition-colors duration-300">
Reset Filters Reset Filters
</button> </button>
</form> </form>
<a href="/add" id="add-prompt" class="block w-fit bg-green-600 text-white px-4 py-2 mt-4 rounded hover:bg-green-700 transition-colors duration-300">
Add Prompt
</a>
</div> </div>

View File

@@ -9,5 +9,9 @@
<p class="text-sm mt-2">Make sure to include a title, type, description, and any relevant tags.</p> <p class="text-sm mt-2">Make sure to include a title, type, description, and any relevant tags.</p>
<p class="text-sm mt-2">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> -->
<a href="/" id="home" class="block w-fit bg-green-600 text-white px-4 py-2 mt-4 rounded hover:bg-green-700 transition-colors duration-300">
Go Back
</a>
</aside> </aside>

View File

@@ -57,13 +57,13 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
</div> </div>
<div> <div>
<label for="description" class="block text-md font-semibold mb-1">Description</label> <label for="description" class="block text-md font-semibold mb-1">Prompt</label>
<textarea name="description" id="description" rows="2" required class="border p-2 w-full rounded"></textarea> <textarea name="description" id="description" rows="4" required class="border p-2 w-full rounded"></textarea>
</div> </div>
<div> <div>
<label for="notes" class="block text-md font-semibold mb-1">Notes</label> <label for="notes" class="block text-md font-semibold mb-1">Description</label>
<textarea name="notes" id="notes" rows="3" class="border p-2 w-full rounded"></textarea> <textarea name="notes" id="notes" rows="3" required class="border p-2 w-full rounded"></textarea>
</div> </div>
<button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded"> <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded">