Skip to content

Lay out the enter screen as one column so nothing overlaps - #38

Merged
itsskofficial merged 1 commit into
masterfrom
enter-layout
Oct 24, 2026
Merged

itsskofficial merged 1 commit into
masterfrom
enter-layout

Conversation

@itsskofficial

Copy link
Copy Markdown
Contributor

Summary

  • The enter screen's words, ring, quote and corner marks now sit in one flowing column instead of being pinned separately, so they can't overlap. Phones and upright tablets stack the words above and below the ring; laptops and landscape phones put them either side. The ring also sizes from screen height.
  • Fixes the black square behind the small ring mark: the blend now sits on its spinning wrapper.
  • Only components/home/Preloader.jsx changes.

Verification

  • No overlaps, no tight spacing and nothing off-screen at 320×568, 360×620, 375×667, 390×664, 430×839, 667×375, 844×390, 768×1024, 820×1180, 1024×768, 1280×720, 1440×900 and 1920×1080.
  • A traced circle at phone size still opens the iris and starts the music.
  • next build passes.

🤖 Generated with Claude Code

The words, ring, quote and corner marks were each pinned in place, so on
phones with browser bars the hint ran into the quote. They now sit in
one flowing column: the words above and below the ring on phones and
upright tablets, either side of it on laptops and landscape phones, and
the quote above the corner marks or centred between them. The ring
sizes itself from the screen height too. The corner ring mark blends on
its spinning wrapper, which removes the black square behind it.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Oct 24, 2026

Copy link
Copy Markdown

Important

  • 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

Run configuration
  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: b31d4ae9-0815-4ecc-aae9-f7f7ae13afe8
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@itsskofficial
itsskofficial merged commit 9eb7072 into master Oct 24, 2026
2 checks passed
@itsskofficial
itsskofficial deleted the enter-layout branch October 24, 2026 09:01

This branch was successfully deployed

1 active deployment
preview — c926620f Deployed Oct 24, 2026 by itsskofficial via deploy #16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant