Fun/SearcjGal-frontend
1
0
Fork 0
mirror of https://github.com/Moe-Sakura/frontend.git synced 2026-04-04 08:25:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 优化输入框样式和提示文本

Browse Source 
*   为游戏关键字输入框添加底部边框样式，增强视觉区分。
*   将自定义 API 地址输入框的占位符更新为“自定义 API 地址 (可选)”，明确其可选性。
*   调整自定义 API 地址输入框的文本大小，使其更紧凑。
This commit is contained in:
Jurangren
2025-10-05 21:16:17 +08:00
parent c07dc776eb
commit c4b1a67aef
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -308,15 +308,15 @@
class="absolute left-3 top-1/2 -translate-y-1/2 text-indigo-400 pointer-events-none text-lg z-10"><i
class="fas fa-keyboard"></i></span>
<input type="text" id="game" name="game" required placeholder="游戏或补丁关键字词"
class="pl-10 pr-4 h-11 border border-gray-300 rounded-t-[8px] focus:outline-none bg-gray-50 text-base shadow-sm transition w-full placeholder-gray-400 min-w-0 flex-1 rounded-b-none"
class="pl-10 pr-4 h-11 border border-gray-300 border-b-gray-200 rounded-t-[8px] focus:outline-none bg-gray-50 text-base shadow-sm transition w-full placeholder-gray-400 min-w-0 flex-1 rounded-b-none"
autocomplete="off" spellcheck="false" />
</div>
<div class="relative flex items-center w-full">
<span
class="absolute left-3 top-1/2 -translate-y-1/2 text-purple-400 pointer-events-none text-base z-10"><i
class="fas fa-code"></i></span>
<input type="text" id="customApi" name="customApi" placeholder="自定义 API 地址"
class="pl-10 pr-4 sm:pr-48 h-11 border border-t-0 border-gray-300 rounded-b-[8px] focus:outline-none bg-gray-50 text-base shadow-sm transition w-full placeholder-gray-400 rounded-t-none"
<input type="text" id="customApi" name="customApi" placeholder="自定义 API 地址 (可选)"
class="pl-10 pr-4 sm:pr-48 h-11 border border-t-0 border-gray-300 rounded-b-[8px] focus:outline-none bg-gray-50 text-sm shadow-sm transition w-full placeholder-gray-400 rounded-t-none"
autocomplete="off" spellcheck="false" aria-describedby="apiHint" />
<span id="apiHint"
class="hidden sm:block absolute right-3 top-1/2 -translate-y-1/2 text-[11px] text-gray-500 pointer-events-none z-10 transition-opacity duration-200"