37 lines
1.9 KiB
HTML
37 lines
1.9 KiB
HTML
<!-- Connection Settings -->
|
|
<div class="bg-black border border-[#00ff41]/20 p-4 font-mono">
|
|
<div class="text-[11px] uppercase font-bold tracking-[0.3em] text-[#00ff41] mb-3 flex items-center gap-2">
|
|
<i data-lucide="plug" class="w-4 h-4"></i> Connection_Settings
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 gap-2">
|
|
<!-- HTTP Proxy -->
|
|
<div class="flex items-center gap-3 p-3 bg-[#0a0a0a] border border-[#00ff41]/10">
|
|
<span class="text-[11px] uppercase opacity-50 text-[#00ff41] w-16">HTTP</span>
|
|
<input type="text" id="httpProxyUrl" readonly value="Loading..."
|
|
class="flex-grow bg-transparent text-sm text-[#00ff41]/80 focus:outline-none cursor-pointer font-mono"
|
|
title="Click to copy" />
|
|
<button onclick="copyToClipboard('httpProxyUrl', this)"
|
|
class="text-[10px] text-[#00ff41]/50 hover:text-[#00ff41] transition-colors uppercase px-2 py-1 border border-[#00ff41]/20">
|
|
Copy
|
|
</button>
|
|
</div>
|
|
|
|
<!-- SOCKS5 Proxy -->
|
|
<div class="flex items-center gap-3 p-3 bg-[#0a0a0a] border border-[#00ff41]/10">
|
|
<span class="text-[11px] uppercase opacity-50 text-[#00ff41] w-16">SOCKS5</span>
|
|
<input type="text" id="socks5ProxyUrl" readonly value="Loading..."
|
|
class="flex-grow bg-transparent text-sm text-[#00ff41]/80 focus:outline-none cursor-pointer font-mono"
|
|
title="Click to copy" />
|
|
<button onclick="copyToClipboard('socks5ProxyUrl', this)"
|
|
class="text-[10px] text-[#00ff41]/50 hover:text-[#00ff41] transition-colors uppercase px-2 py-1 border border-[#00ff41]/20">
|
|
Copy
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-2 text-[11px] opacity-40 text-[#00ff41] flex items-center gap-2">
|
|
<i data-lucide="info" class="w-3 h-3"></i>
|
|
Use these URLs in browser/app proxy settings
|
|
</div>
|
|
</div> |