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

🐞 fix: Move sidebar border

Browse Source
This commit is contained in:
Keith Solomon
2025-07-27 10:27:07 -05:00
parent fb5093a529
commit 6b3669b8bf
6 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SearchBar.astro
View File

@@ -4,7 +4,7 @@
// TODO: Add options for AND/OR switching and sort by options // TODO: Add options for AND/OR switching and sort by options
--- ---
<div class="w-64 border-r h-full p-4 text-gray-100 min-h-screen"> <div class="w-64 h-full p-4 text-gray-100 min-h-screen">
<a href="/add" id="add-prompt" class="block w-fit bg-green-600 text-white px-4 py-2 mb-4 rounded hover:bg-green-700 transition-colors duration-300"> <a href="/add" id="add-prompt" class="block w-fit bg-green-600 text-white px-4 py-2 mb-4 rounded hover:bg-green-700 transition-colors duration-300">
Add Prompt Add Prompt
</a> </a>

2
src/components/SidebarAdd.astro
View File

@@ -15,7 +15,7 @@ const code = `[
`; `;
--- ---
<aside class="w-64 border-r h-full p-4 text-gray-100 min-h-screen"> <aside class="w-64 h-full p-4 text-gray-100 min-h-screen">
<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">Use the form to add a new AI prompt to the catalog.</p> <p class="text-sm">Use the form to add a new AI prompt to the catalog.</p>

2
src/components/SidebarEdit.astro
View File

@@ -2,7 +2,7 @@
// Sidebar.astro // Sidebar.astro
--- ---
<aside class="w-64 border-r h-full p-4 text-gray-100 min-h-screen"> <aside class="w-64 h-full p-4 text-gray-100 min-h-screen">
<h2 class="text-lg font-semibold mb-4">Edit a prompt</h2> <h2 class="text-lg font-semibold mb-4">Edit a prompt</h2>
<p class="text-sm">Use the form to edit an AI prompt in the catalog.</p> <p class="text-sm">Use the form to edit an AI prompt in the catalog.</p>

2
src/pages/add.astro
View File

@@ -27,7 +27,7 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
<main class="flex"> <main class="flex">
<Sidebar /> <Sidebar />
<div class="flex-1 flex flex-col overflow-hidden"> <div class="border-l flex-1 flex flex-col overflow-hidden">
<div class="flex-1 overflow-y-auto p-4"> <div class="flex-1 overflow-y-auto p-4">
<div id="success" class="bg-green-100 text-green-700 p-4 rounded mb-4 hidden"> <div id="success" class="bg-green-100 text-green-700 p-4 rounded mb-4 hidden">
Prompt added successfully! Prompt added successfully!

2
src/pages/edit.astro
View File

@@ -27,7 +27,7 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
<main class="flex"> <main class="flex">
<Sidebar /> <Sidebar />
<div class="flex-1 flex flex-col overflow-hidden"> <div class="border-l flex-1 flex flex-col overflow-hidden">
<main class="flex-1 overflow-y-auto p-4"> <main class="flex-1 overflow-y-auto p-4">
<div id="edit-root">Loading...</div> <div id="edit-root">Loading...</div>
</main> </main>

4
src/pages/index.astro
View File

@@ -25,8 +25,8 @@ const allTags = Array.from(
<main class="flex"> <main class="flex">
<SearchBar allTags={allTags} /> <SearchBar allTags={allTags} />
<div class="flex-1 flex flex-col overflow-hidden"> <div class="border-l flex-1 flex flex-col overflow-hidden">
<div class="flex-1 overflow-y-auto px-6 pt-2"> <div class="flex-1 overflow-y-auto px-6 pt-2 pb-4">
{error {error
? <p class="text-red-500">Supabase error: {error.message}</p> ? <p class="text-red-500">Supabase error: {error.message}</p>
: <FilteredPromptList prompts={prompts} />} : <FilteredPromptList prompts={prompts} />}