Skip to main content
Question

Mirotone App Card design doesn't match, trying to mimic it

  • August 29, 2024
  • 1 reply
  • 74 views

Yong-Chong Long
Forum|alt.badge.img+2

Mirotone.xyz has a AppCard component but it doesn’t match the design of an actual Card or App Card on a Miro board, here’s a comparison (Mirotone.xyz on the top and actual Card at the bottom):

 

 

We could sprinkle some CSS to mimic the look similar but I do hope the one on Mirotone can be updated to match instead, here’s some CSS I added in a quick attempt:
 

.app-card {
border-radius: 8px;
border-width: 2px 2px 6px;
padding: var(--space-small) var(--space-medium);

.tag {
background-color: transparent;
border: 1px var(--indigo100) solid;
}
}

 

 

1 reply

William Bishop
Mironeer
Forum|alt.badge.img+4
  • Mironeer
  • 248 replies
  • August 29, 2024

Hey @Yong-Chong Long,

Thanks a lot for sharing this, it’s great feedback. I can definitely appreciate how the app card displayed on Mirotone.xyz could be a bit closer to the card that’s created in practice. We will share this with our team and appreciate you sharing your CSS snippet—I’m sure others may find it helpful as well!