Skip to content

Rework the button structure and fixed weird paddings#4684

Open
elstua wants to merge 1 commit intomainfrom
fix-record-button-paddings
Open

Rework the button structure and fixed weird paddings#4684
elstua wants to merge 1 commit intomainfrom
fix-record-button-paddings

Conversation

@elstua
Copy link
Collaborator

@elstua elstua commented Mar 20, 2026

In 1.0.16 there was broken paddings for our main CTA. I fixed them

It took some refactoring for the button layout. Changed only the styles and divs in code, no functions or logic was touched.

Also I added minimal version for the button when width of the window less than 720px. Basically hide text in it

before after:
CleanShot 2026-03-20 at 12 38 56@2x

CleanShot 2026-03-20 at 14 42 45@2x

@netlify
Copy link

netlify bot commented Mar 20, 2026

Deploy Preview for hyprnote-storybook ready!

Name Link
🔨 Latest commit edc4d91
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote-storybook/deploys/69bd5d7c40846b000906f2b0
😎 Deploy Preview https://deploy-preview-4684--hyprnote-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Mar 20, 2026

Deploy Preview for hyprnote ready!

Name Link
🔨 Latest commit edc4d91
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote/deploys/69bd5d7ce33acb00087a93ff
😎 Deploy Preview https://deploy-preview-4684--hyprnote.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

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