Captcha UI integration 7005667931112954128#10
Open
OsakaLOOP wants to merge 6 commits intoLOOP-Captcha-Authfrom
Open
Captcha UI integration 7005667931112954128#10OsakaLOOP wants to merge 6 commits intoLOOP-Captcha-Authfrom
OsakaLOOP wants to merge 6 commits intoLOOP-Captcha-Authfrom
Conversation
- Replace original captcha template with cf_mock.html layout - Insert captcha card between time and status panel - Implement realtime JST clock - Add dynamic Hostname, Ray ID, and IP reveal using EO headers - Ensure compact layout with Tailwind CSS - Preserve captcha functionality (fetch, verify, render)
- Replaced vertical captcha card with a compact 2-column horizontal design. - Fixed Status Panel layout to be strictly horizontal (flex-row) on desktop. - Implemented realtime JST clock updates. - Integrated dynamic IP Reveal and Ray ID using EdgeOne headers. - Merged `cf_mock.html` styles with Tailwind for responsiveness.
- Switched status icons to inline SVGs to fix visibility issues. - Constrained main container width to `max-w-4xl` for better balance. - Re-implemented horizontal split layout for captcha card. - Ensured JST clock, IP reveal, and host/zone dynamic data work correctly. - Added visual overlays (checks/x) to status icons matching mock style.
- Implemented full Cloudflare mock layout structure. - Increased title font size to 60px. - Removed duplicate footer from captcha card. - Centered status panel columns and main footer. - Magnified captcha card and contents. - Fixed typo in status text and ensured secure hostname rendering. - Used inline SVGs for all icons.
- Increased layout width for Header, Status Panel, FAQ, and Footer to `max-w-[85rem]` for a wider, more balanced look. - Kept the Captcha Card fixed at `max-w-4xl` to preserve its specific design and magnification. - Verified visual alignment and responsiveness.
- Implemented fixed-height view (`h-screen overflow-hidden`) to prevent scrollbars. - Pinned footer to bottom using flexbox (`mt-auto`). - Added missing "pointer" diamond to browser status column. - Optimized vertical spacing for magnified card on standard screens. - Ensured typo-free and sanitized rendering.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.