art-dag/activity-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add borders to storage provider buttons for visibility

Browse Source 
Buttons had same background color as container, making them nearly
invisible. Added border-dark-500 and hover:border-blue-500.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
gilesb
2026-01-09 23:44:17 +00:00
parent efd3a2dd16
commit cf94600d63
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
server.py
View File

@@ -3292,17 +3292,17 @@ async def ui_storage_page(username: str, storages: list, request: Request) -> HT
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4"> <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
<button onclick="showAddForm('pinata')" <button onclick="showAddForm('pinata')"
class="p-4 bg-dark-600 hover:bg-dark-500 rounded-lg text-left transition-colors"> class="p-4 bg-dark-600 hover:bg-dark-500 border border-dark-500 hover:border-blue-500 rounded-lg text-left transition-colors">
<div class="font-semibold text-white">Pinata</div> <div class="font-semibold text-white">Pinata</div>
<div class="text-sm text-gray-400">IPFS pinning service</div> <div class="text-sm text-gray-400">IPFS pinning service</div>
</button> </button>
<button onclick="showAddForm('web3storage')" <button onclick="showAddForm('web3storage')"
class="p-4 bg-dark-600 hover:bg-dark-500 rounded-lg text-left transition-colors"> class="p-4 bg-dark-600 hover:bg-dark-500 border border-dark-500 hover:border-blue-500 rounded-lg text-left transition-colors">
<div class="font-semibold text-white">web3.storage</div> <div class="font-semibold text-white">web3.storage</div>
<div class="text-sm text-gray-400">IPFS + Filecoin</div> <div class="text-sm text-gray-400">IPFS + Filecoin</div>
</button> </button>
<button onclick="showAddForm('local')" <button onclick="showAddForm('local')"
class="p-4 bg-dark-600 hover:bg-dark-500 rounded-lg text-left transition-colors"> class="p-4 bg-dark-600 hover:bg-dark-500 border border-dark-500 hover:border-blue-500 rounded-lg text-left transition-colors">
<div class="font-semibold text-white">Local Storage</div> <div class="font-semibold text-white">Local Storage</div>
<div class="text-sm text-gray-400">Your own disk</div> <div class="text-sm text-gray-400">Your own disk</div>
</button> </button>