Skip to content

feat - Improve services page UX with smooth scroll and enhanced layout#154

Open
Criztiandev wants to merge 2 commits intobettergovph:mainfrom
Criztiandev:redesign/services-certificates
Open

feat - Improve services page UX with smooth scroll and enhanced layout#154
Criztiandev wants to merge 2 commits intobettergovph:mainfrom
Criztiandev:redesign/services-certificates

Conversation

@Criztiandev
Copy link
Contributor

Changes

  • Fix load more button causing page to jump to footer
  • Add smooth scroll to top when loading more services
  • Improve grid layout with better responsive breakpoints
  • Enhance scrollbar visibility with blue theme
  • Clean up service card layout and remove URL display
  • Extract load more functionality into dedicated handler

@Criztiandev Criztiandev changed the title Refactor - Improve services page UX with smooth scroll and enhanced layout feat - Improve services page UX with smooth scroll and enhanced layout Sep 21, 2025
Copy link
Member

@angelofallars angelofallars left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the removal of the URL creates a lot of empty space between the top of the card and the button on the bottom. maybe we can reduce the height of each card a little? slightly reducing the height could work
image

</Link>
<CardContent className='p-4 md:p-6 h-full'>
<div className='flex flex-col justify-between h-full '>
<div className='flex items-start justify-between mb-4'>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

further style improvement to each service card: add a gap between the service name and the checkmark to prevent the text and the symbol from being too close to each other

Suggested change
<div className='flex items-start justify-between mb-4'>
<div className='flex items-start justify-between gap-2 mb-4'>

before:
image

after:
image

@aluminyoom
Copy link
Member

Is there any progress on this?

@niculistana
Copy link
Collaborator

Hi @Criztiandevwe merged #398 which added infinite scroll to the services page.

Could you please check if that is the same as this PR? Thanks.

@j4ckofalltrades j4ckofalltrades added the stale Has not been worked on in a while label Nov 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

stale Has not been worked on in a while

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants

Comments