srizan/archived-hc-harbor
1
0
Fork 0
mirror of https://github.com/SrIzan10/hc-harbor.git synced 2026-05-01 10:45:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

reorganize settings page layout (#629)

Browse Source
This commit is contained in:
ShyMike
2025-11-16 01:59:18 +00:00
committed by GitHub
parent 6b21c0f402
commit f728c4de25
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
app/views/users/edit.html.erb
View File

@@ -168,6 +168,28 @@
<% end %>
</div>
<div class="border border-primary rounded-xl p-6 bg-dark transition-all duration-200">
<div class="flex items-center gap-3 mb-4">
<div class="p-2 bg-red-600/10 rounded">
<span class="text-2xl">🔑</span>
</div>
<h2 class="text-xl font-semibold text-white" id="user_api_key">API Key</h2>
</div>
<div class="space-y-4">
<p class="text-gray-300 text-sm">
Your API key is used to authenticate requests from your code editor. If your key has been compromised, you can rotate it to generate a new one. Rotating your API key will immediately invalidate your old key. You'll need to update the key in all of your code editors and IDEs.
</p>
<button type="button"
data-controller="api-key-rotation"
data-action="click->api-key-rotation#rotateKey"
class="w-full px-4 py-2 bg-primary hover:bg-red text-white font-medium rounded transition-colors duration-200 cursor-pointer">
Rotate API Key
</button>
</div>
</div>
<div class="border border-primary rounded-xl p-6 bg-dark transition-all duration-200 md:col-span-2">
<div class="flex items-center gap-3 mb-4">
<div class="p-2 bg-red-600/10 rounded">
@@ -361,28 +383,6 @@
</div>
</div>
<div class="border border-primary rounded-xl p-6 bg-dark transition-all duration-200">
<div class="flex items-center gap-3 mb-4">
<div class="p-2 bg-red-600/10 rounded">
<span class="text-2xl">🔑</span>
</div>
<h2 class="text-xl font-semibold text-white" id="user_api_key">API Key</h2>
</div>
<div class="space-y-4">
<p class="text-gray-300 text-sm">
Your API key is used to authenticate requests from your code editor. If your key has been compromised, you can rotate it to generate a new one. Rotating your API key will immediately invalidate your old key. You'll need to update the key in all of your code editors and IDEs.
</p>
<button type="button"
data-controller="api-key-rotation"
data-action="click->api-key-rotation#rotateKey"
class="w-full px-4 py-2 bg-primary hover:bg-red text-white font-medium rounded transition-colors duration-200 cursor-pointer">
Rotate API Key
</button>
</div>
</div>
<%# This is copied from the github thingie blog, Im not good at UI so I copied :) %>
<div class="border border-primary rounded-xl p-6 bg-dark transition-all duration-200 md:col-span-2">