Feature Summary
Enhance the visual hierarchy and readability of the application loading indicator on the waiting/initialization screen by increasing its font size, scaling the spinner, and optimizing its screen placement.
Problem Statement
Currently, on the application loading screen (as shown in image_c7dfc3.png), the "APPLICATION LOADING" text and its accompanying spinner are located in the bottom-right corner with a very small font size and tracking. Because the page is predominantly a large, dark terminal/grid canvas, this critical feedback element gets completely lost visually. Users might think the application has frozen or stopped responding because the loading indicator lacks sufficient visual prominence.
Proposed Solution
- Increase the typography size of the "APPLICATION LOADING" text (e.g., scale it up to Tailwind's
text-base or text-lg or equivalent CSS styling).
- Slightly increase the dimensions of the loading spinner icon to match the new text scale.
- Improve its layout or margins so it doesn't look completely squeezed into the absolute corner of the viewport, creating a more professional, polished loader aesthetic.
Possible Alternatives
An alternative would be centering the entire loading spinner and text directly in the middle of the grid overlay, but adjusting the bottom-right component's scaling keeps the original design layout intact while fixing the accessibility/readability flaw.
Use Case
This feature will greatly improve the user experience (UX) for end-users and contributors by providing clear, immediate, and highly visible feedback that the application is actively fetching or allocating compute resources in the background.
Scope of Contribution
Checklist
Feature Summary
Enhance the visual hierarchy and readability of the application loading indicator on the waiting/initialization screen by increasing its font size, scaling the spinner, and optimizing its screen placement.
Problem Statement
Currently, on the application loading screen (as shown in image_c7dfc3.png), the "APPLICATION LOADING" text and its accompanying spinner are located in the bottom-right corner with a very small font size and tracking. Because the page is predominantly a large, dark terminal/grid canvas, this critical feedback element gets completely lost visually. Users might think the application has frozen or stopped responding because the loading indicator lacks sufficient visual prominence.
Proposed Solution
text-baseortext-lgor equivalent CSS styling).Possible Alternatives
An alternative would be centering the entire loading spinner and text directly in the middle of the grid overlay, but adjusting the bottom-right component's scaling keeps the original design layout intact while fixing the accessibility/readability flaw.
Use Case
This feature will greatly improve the user experience (UX) for end-users and contributors by providing clear, immediate, and highly visible feedback that the application is actively fetching or allocating compute resources in the background.
Scope of Contribution
Checklist