Skip to content

Update layout and styling in Homepage components #272

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Jun 25, 2025

Conversation

barbaraperic
Copy link
Contributor

@barbaraperic barbaraperic commented May 22, 2025

Description

This PR fixes homepage layout on mobile screen and some small styling issues like spacing and text sizes. Reference to Figma here.

Other updates

  • Added a primary color to the Tailwind configuration for consistent theming (filecoin blue)
  • Adjusted the Header component and Landing page to use the new primary color for buttons and dark color for text for better color contrast / accessibility
Before After
Screenshot 2025-05-27 at 12 26 04 Screenshot 2025-05-27 at 12 25 49

Screenshots (Desktop & Mobile)

Before After

barbaraperic and others added 6 commits May 22, 2025 14:26
- Added a primary color to the Tailwind configuration for consistent theming.
- Updated the App component to restrict content width for better layout control.
- Modified common styles to use a grid display for improved structure.
- Refined the Footer component layout for better responsiveness and alignment.
- Adjusted the Header component to use the new primary color for buttons.
- Enhanced ListFilter component spacing for improved usability.
- Updated Landing page button styles to align with the new primary color scheme.
- Changed the primary color in Tailwind configuration from '#2390FF' to '#1677ff' for consistent theming.
- Updated the accent color in the App component to match the new primary color.
- Modified button styles in the Header component to include border and hover effects using the new primary color.
- Adjusted button styles in the Landing page for improved visibility and consistency with the updated theme.
- Enhanced layout spacing in the Home page for better readability and user experience.
…consistency

- Updated Header component to enhance layout with better spacing and alignment.
- Adjusted flex properties and spacing in the Header for a more balanced design.
- Modified text sizes in Header and Landing components for improved readability.
- Removed unnecessary margin classes to streamline the layout.
- Ensured consistent styling across components to align with recent theming updates.
@ianconsolata ianconsolata merged commit 501485e into filecoin-project:main Jun 25, 2025
2 of 3 checks passed
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.

2 participants