Skip to content
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

Update UI of Beehive Component #837

Merged
merged 23 commits into from
Nov 13, 2024
Merged

Update UI of Beehive Component #837

merged 23 commits into from
Nov 13, 2024

Conversation

kkosiorowska
Copy link
Contributor

@kkosiorowska kkosiorowska commented Nov 8, 2024

Closes #801

This PR updates UI of Beehive Component to be consistent with the designs. What has been done:

  • Removed unneeded feature flag
  • Updated the theme for the tooltip component to be consistent with the design
  • Update InfoTooltip component to be consistent with the design
  • Updated the content of the component BeehiveCard

⚠️ Important notice ⚠️
Updating the Card component is more complicated. Let's do the update in a separate PR to make sure the changes don't break anything

UI
Screenshot 2024-11-08 at 11 22 36

Screenshot 2024-11-08 at 11 22 29 Screenshot 2024-11-08 at 11 28 05

@kkosiorowska kkosiorowska added the 🎨 dapp dApp label Nov 8, 2024
@kkosiorowska kkosiorowska self-assigned this Nov 8, 2024
Copy link

netlify bot commented Nov 8, 2024

Deploy Preview for acre-dapp ready!

Name Link
🔨 Latest commit 04c516a
🔍 Latest deploy log https://app.netlify.com/sites/acre-dapp/deploys/67347dd3216e340008492226
😎 Deploy Preview https://deploy-preview-837--acre-dapp.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 site configuration.

Copy link

netlify bot commented Nov 8, 2024

Deploy Preview for acre-dapp-testnet ready!

Name Link
🔨 Latest commit 04c516a
🔍 Latest deploy log https://app.netlify.com/sites/acre-dapp-testnet/deploys/67347dd319f7980008ec5c04
😎 Deploy Preview https://deploy-preview-837--acre-dapp-testnet.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 site configuration.

@kkosiorowska kkosiorowska added this to the Post Ledger Live Launch milestone Nov 8, 2024
@kkosiorowska kkosiorowska marked this pull request as ready for review November 8, 2024 10:49
Copy link
Contributor

@kpyszkowski kpyszkowski left a comment

Choose a reason for hiding this comment

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

LGTM, left 1 non blocking

dapp/src/assets/images/beehive-illustration.svg Outdated Show resolved Hide resolved
dapp/src/components/shared/InfoTooltip.tsx Show resolved Hide resolved
New version of asset weights more - 22 KB vs 37 KB so let's back to the previous one.
kpyszkowski
kpyszkowski previously approved these changes Nov 13, 2024
This PR standardizes our styles for the `Card` component. What has been
done:

- In many places we have set `padding={0}` for the `CardBody`. Let's set
a single common padding for the Card component.
- Updated header styles for the cards.
- Removed the border for the `Card` component and the unneeded
`elevated` variant.
- Removed unneeded props that are already defined in the card theme.

⚠️ Important notice ⚠️
Many things probably still need to be improved, but I believe this PR
cleans our code a bit. Let's make the next fixes and integrate with
styleguide in the next steps.
@kpyszkowski kpyszkowski requested review from r-czajkowski and removed request for r-czajkowski November 13, 2024 10:38
@r-czajkowski r-czajkowski merged commit 30af669 into main Nov 13, 2024
28 checks passed
@r-czajkowski r-czajkowski deleted the update-beehive-component branch November 13, 2024 11:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Update UI of Beehive Component
4 participants